+ All Categories
Home > Design > SwitchOn! Vol.1 WebDesign

SwitchOn! Vol.1 WebDesign

Date post: 30-Jun-2015
Category:
Upload: cgfm
View: 654 times
Download: 1 times
Share this document with a friend
17
実例で見るWebデザイン CGFM LLC. 金内和子
Transcript
Page 1: SwitchOn! Vol.1 WebDesign

実例で見るWebデザイン

CGFM LLC. 金内和子

Page 2: SwitchOn! Vol.1 WebDesign

実例

ふくおかNPOセンターWebサイトリニューアル

2011年9月オープン

Page 3: SwitchOn! Vol.1 WebDesign

リニューアル前

Page 4: SwitchOn! Vol.1 WebDesign

適切に情報が届けられない

エンドユーザークライアント

情報情報

関心

Page 5: SwitchOn! Vol.1 WebDesign

情報を整理

サイトに必要な情報を洗い出していきます。

Page 6: SwitchOn! Vol.1 WebDesign

情報を再構築

最初は線と文字のみで情報を構成します。

この段階で情報の重要度を決定し、デザインルールに従って配置していきます。

Page 7: SwitchOn! Vol.1 WebDesign

リニューアル結果

Page 8: SwitchOn! Vol.1 WebDesign

Before トップページ

Page 9: SwitchOn! Vol.1 WebDesign

After トップページ

Page 10: SwitchOn! Vol.1 WebDesign

After トップページ ナビゲーション改善

Page 11: SwitchOn! Vol.1 WebDesign

After トップページ

メッセージを明確化

Page 12: SwitchOn! Vol.1 WebDesign

After トップページ

対象ユーザーを明確にして、導線を分割

Page 13: SwitchOn! Vol.1 WebDesign

After 設立主旨

図解入りで主旨がつかみやすく

Page 14: SwitchOn! Vol.1 WebDesign

After イベント情報

テーマや時期別で探しやすく改善

Page 15: SwitchOn! Vol.1 WebDesign

効果的な情報伝達が可能に

デザインで解決!!

情報

関心 エンドユーザークライアント

Page 16: SwitchOn! Vol.1 WebDesign

利用者と提供者との架け橋

デザイン

情報の分析/デザインのルールに基づいて設計可能=

Page 17: SwitchOn! Vol.1 WebDesign

ご清聴ありがとうございました。

デザインで顧客の心をわしづかみしましょう


Recommended