2ヶ月でTRUNKER認定コース

2 ヶ月で TRUNKER 認定コース 1 日目

• このトレーニングの最終ゴール

• 就活について

• デザインとアートの違い

• デザイナーの仕事紹介

• web デザインの工程説明

• photoshop の準備

• コーディングに使うツールに準備









このトレーニングの最終ゴール

成果物

・ポートフォリオの作成



身につくスキル

・ html/css/javascript コーディング

・ photoshop モック作成

・ワイヤーフレーム作成


身につくスキル

・ html/css/javascript コーディング

・ photoshop モック作成

・ワイヤーフレーム作成

デザイナー、エンジニアは、ポートフォリオ（スキル、経験の可視化）でどのような技術があるか判断される

ポートフォリオは、自分の分身。ポートフォリオで自分のアピールをすることで、面接などの削減ができてラク

Trunk にポートフォリオを登録することで、スカウトがくる

なぜポートフォリオが必要か

ポートフォリオ作成（今回の講義）

就職サービスで就活TRUNK でスカウト就活

デジハリ講義での成果物がある

TRUNK のトレーニングでポートフォリオを充実

フリーランスとして仕事を受託

ポートフォリオの活用方法

量より、質

・その成果物でどんな結果を出したか。どんなスキルをつけたか

・どのくらいの期間で、どんなこだわりをもって制作したか

　ポートフォリオ作成のポイント









・優秀な新卒を採用できない・採用後に、ミスマッチですぐ辞めてしまう・有名大学出身で期待していたものの、マインドやスキル不足で成長しない

企業の新卒採用における課題

・優秀な新卒を採用できない・採用後に、ミスマッチですぐ辞めてしまう・有名大学出身で期待していたものの、マインドやスキル不足で成長しない

学生のスキルがわからないため、学歴で絞らざるを得ない

　　企業の新卒採用における課題

All Rights Reserved Copyright Trunk 株式会社　 14 【複写禁止・転用禁止】

企業が『新卒を採用する目的』と

『求める成果』はなんだと思いますか？


現場での成果


現場で成果を出す人を採用する

ための指標は何を見ていますか？


情意評価

能力評価

行動特性

成果評価

企業での人事評価


企業に求められる 3 パターンの人材

Ｉ型人材

T 型人材

Π 型人材

All Rights Reserved Copyright Trunk 株式会社　 19 【複写禁止・転用禁止】ＩＩ型人材とは

一つの分野を掘り下げ、専門知識を持つ専門家のこと。

ある分野や技術に詳しい技術者（エンジニア）や経理一筋 10 年という人材のこと。

All Rights Reserved Copyright Trunk 株式会社　 20 【複写禁止・転用禁止】 TＴ型人材とは

一つの専門分野に加えて、幅広い専門知識を持つ人のこと。

専門分野だけでなく、他分野との融合がイノベーションを産むため、幅広い専門知識を持っておくことが重要である。

All Rights Reserved Copyright Trunk 株式会社　 21 【複写禁止・転用禁止】 ΠΠ 型人材とは

幅広い専門知識がある上に、専門分野を二つ持つ人のこと。

二つの専門分野を持っているというとこで、違う専門分野の人を人をつなげることもできるので、マネジメントに最適な人材である。


入社して目指すべき人材像は？


Ｉ型人材


専門分野がなければ

生き残っていけない


何の専門家になりますか？


28,275 種

日本の職種数

出典：労働省編職業分類


東京の会社企業数

280,603 社

東京の社会経済状況

東京の上場企業数

3,487 社出典：経済産業省「商業統計調査」、東京証券取引所


どうやって自分の専門分野を

決めますか？


やってみなきゃわからないでしょ !!

CEO西元　涼（トーマツイノベーション）

CTO布田　隆介( カヤック )

Marketing室屋　武尊( リクルート )

CCO岡崎　友宏(yahoo)

牧野　拓也(LIG)

峯島　達也（ビズリーチ）

Member of Trunk

山田　裕規（オールアバウト）

自己実現インフラ

OUR MISSION


Trunk 目指しているもの


・世の中を良くしようと努力する企業の採用支援をしたい・企業側が見たい指標が見えるようにしたい・現代に合った働き方を提供したい

Trunk を設立した理由


Trunk での採用までのステップ

Trunk に登録

トレーニング受講

インターンを経験

Trunker 認定

企業からスカウト


無料でスキルアップできる職種は４つ


トレーニングを受けて

基本スキル・知識を身につけよう！


基本スキル・知識が身についたら

インターンで実務を体験しよう！


Trunker に認定されるとスカウトがきます！


組織で活躍するマインドと入社半年相当の知識とスキルがあると認められた学生

Trunker とは


Trunker 認定される職種は４つ

・コンサルティングセールス

・エンジニア

・デザイナー

・マーケター


・学び好き　・本やセミナーで学び続ける　・時事ネタを収集し続ける

・主体性　・自ら課題を見つける　・常に自責で考える

・すなお　・いつも謙虚　・人のアドバイスを受け入れる

Trunker のマインド認定基準


コンサルティングセールス（総合職）新規開拓営業・サポーターの手伝いを得て、新規顧客を１社（１件）以上受注したことがある

資料作成・提案資料や内容説明のチラシなどを依頼側の満足する品質で作成、納品できる

ビジネスマナー・お客様へのメールを上長のチェックなしで送れる

・お客様からの電話応対ができる

Check１Check２Check３

Trunker のスキル認定基準


マーケティングデータ分析・ Excel を使ったデータ分析ができる

・データを読むときのポイントを理解している

最新のツールの知識・新しい BI ツール、新しい SNS などに触れたことがある

・若者ならではの感性で、新しい提案ができる

サービスの改善提案・データ分析や流行の傾向から、改善点を検討できる

・自分なりのロジックを立てて、提案することができる




デザイナーデザイナー専門知識・デザインのフロー、 Webページの仕組み、エディタ、

　 git の使い方等の知識がある

画像作成 or コーディング・ Photoshop 、 Illustrator を使って画像作成ができる

・テキストエディタを使って、 HTML/CSS のコーディングができる

リアル制作体験・仕事として画像作成、コーディングを経験しており、

　アウトプットがある




エンジニアエンジニア専門知識・開発手法、バージョン管理、 DB モデル、開発言語を

　理解している

プログラミング・ Ruby 、 JAVA 、 Java script などの 1 つ以上の基本構文を書くことができ、簡単なアルゴリズム問題を解くことができる

リアル開発体験・ひとりで、もしくは教わりながら機能実装、

　 1 から開発したことがある



TRUNK WEBトレーニングの参加、スカウト機能

　 TRUNK WEBトレーニングの参加、スカウト機能

http://trunk.fm

　 TRUNK room就活や採用などを紹介するメディア

http://room.trunk.fm

仕事について知ることで、やりたいことが明確になる

プロから学ぶトレーニングをすべて無料で受講できる一定以上のスキルをつけ、認定されると企業から就職や、

インターンのスカウトがくる

trunk 上でスキルや経験のレジュメを作成できる

まとめ：学生が TRUNK を使うメリット

登録学生数：７００名

取引企業： 35 社

　実績（ 2015 年 7 月〜現在）









デザインとアートの違い

• デザインとアートの決定的な違いは、相手のためを思ってつくるか、自己満でつくるか。

• Webページであれば、どんな人が、どんな時に見るのか• を考えて装飾します。

UI デザインは当たり前、今求められるのは UX デザイン。

UI/UX

プロダクトを通して、

ユーザーにどんな体験をさせたいか。

UI/UX

ユーザーの体験をデザインする↓

ユーザーの時間軸を変える

UI/UX

利用前利用中利用後利用時間全体

予期的 UX 一時的 UX エピソード的UX 累積的 UX

UX タイムスパン

利用前利用中利用後利用時間全体

予期的 UX 一時的 UX エピソード的UX 累積的 UX

いつ？どこで？どのように？

いつ、どこで、だれに、どのようにプロダクトを利用してもらうかをデザインする


• 自己紹介

• みんなの自己紹介








photohsop

sketch

Atom

• 広告デザイナー

• グラフィックデザイナー

• UX デザイナー

• UI デザイナー

• フロントエンドエンジニア

デザイナーの仕事紹介

・ページモック作成（ PC 、 SP 、アプリ）・バナー作成・ワイヤーフレーム作成・マネージャー陣へのプレゼン



新人デザイナー

プロのグラフィッカーディレクター /PM フロントエンドエンジニア









Web デザインの工程

・企画立案

WHY,HOW, どのくらい効果が見込めるか

KGI,KPI・ワイヤーフレーム作成

・モック作成

・コーディング

・リリース

・効果測定

CTR 、 CVR 、 PV 、シェア数、サービス KPI・ KGI に近づけるために PDCA









Photoshop の準備









次回

・ワイヤーフレーム

・モック作成

コーディングに使うツールの準備

2ヶ月でTRUNKER認定コース

Design