Nocks Graphic Collaboration
outline案件の概要
Nocks Graphic Collaborationのサイトリニューアル。講師業も10年を超え、「受講生様に胸を張って見せられるようなポートフォリオを」との想いからリニューアルを決断。また、普段受講生様にお話ししている内容等をcolumn形式でまとめ、デザインに対する「思考」を見ていただいて、お問い合わせ、受注に繋げたい
-
誰にターゲット
グラフィックデザイン、webデザインを学んでいる人、デザインの講師を探している人、デザイナーを探している人
-
何を訴求ポイント
これまでのデザイナー歴、講師業歴による、デザインに対する思考
-
どうして欲しいコンバージョン
認知拡散、お問い合わせ
requirements definition要件定義
- クライアント名
- Nocks Graphic Collaboration様
- 新規／リニューアル
- リニューアル
- サイト制作の目的
- 認知拡散、お問い合わせ
- サイト掲載内容
- プロフィール、コラム、制作実績、お問い合わせ
- ターゲットユーザー
- グラフィックデザイン、webデザインを学んでいる人、デザインの講師を探している人、デザイナーを探している人
- 特に訴求事項
- なし
- その他コンテンツに対する要望
- なし
- ページイメージ（色・テイスト）
- 特になし
- 素材の入手方法
- 全て当方
- サーバー・ドメイン
- あり
- 問い合わせフォーム
- あり
- 個人情報の関与
- あり
- CMS導入
- wordPress
- 管理・運用する人
- クライアント様
- その他希望
- なし
- 納品希望日
- なし
client pain pointsクライアント様の課題
前回のサイトがクリエイターズオーディション用に急ごしらえで制作したもので、必要最低限の情報しか掲載しておらず、仕事を取りに行く内容になっていなかったことと、講師歴が長くなるにつれて、サンプルとなるようなポートフォリオサイトの必要性を認識した。また、平素受講生様にお話ししている内容をどこかに書き留めておくような、ブログ的なものが欲しかった
proposed solution提案する解決策
デザイン関係のオウンドメディアを目指し、企画・情報設計面により深くかかわっていきたいことと、これから学び始める方々の何か指標になれば、という想い、そしてオウンドメディアにおける自身のブランディングへと繋げる
conceptコンセプト
グラフィックデザイン、webデザインに関する情報発信基地
design conceptデザインコンセプト
情報量の豊富さを感じさせる、マガジン風デザイン
tone & mannerトーン＆マナー
- ベースカラー
-
-
#D9D9D9
-
#F6F5F3
-
- メインカラー
-
-
#423F3B
-
- アクセントカラー
-
-
#FF0000
-
#0091ff
-
- 欧文フォント
- DIN2014
- 和文フォント
- Noto Sans JP
designデザイン
罫線を多用することでマガジンっぽさを演出。地色にうっすらと色を入れることで新聞紙をイメージしました。ファーストビューは投稿を新着順に表示し、メディア感とアクティブ感を表現することを念頭に置きました。
review結果と振り返り・今後の展開
コツコツと投稿を重ねていくことで、メディアとしての存在感、価値を創造していきたいと思います
