Facebook Design Process|制作意図とプロセスの解説
Logo

WEBサイト_リニューアル|株式会社テラス様(投資企業)

クレジット
Avatar
WEBデザイナー
WEBサイト_リニューアル|株式会社テラス様(投資企業)-1
シェア
制作ノート
Design Process|制作意図とプロセスの解説

Concept:株式会社テラス様より、Webサイトリニューアルに伴うデザインコンペのご要望をいただき、異なるアプローチで3パターンのデザイン案をご提案いたしました。▷左(王道・誠実): 深いネイビーを基調とした、シャキッとした最も信頼感のあるデザイン▷中央(シンプル・洗練): 明るめのブルーと余白を活かした、クリーンで知的なデザイン▷右(親しみ・爽やか): グラデーションを取り入れ、優しさと知性を両立したデザイン

ツール:Photoshop デザイン制作時間:4時間 

クライアントへのヒアリング・構成:1週間程

Target:社長職を退任後、趣味として資産運用(株式投資)を楽しまれている方。次の投資のヒントを求めてサイトを訪れるユーザーを想定。

Point1:提案力とバリエーション「青をベースにした知的さ」という軸はブレさせず、「誠実・スタイリッシュ・親しみやすさ」 など、異なる3つのテイストで展開。クライアントの選択肢と可能性を広げる多角的なアプローチを意識しました。

Point2:コンバージョン最優先の導線設計ユーザーのアクションを迷わず促すため、最も重要であるコンバージョンボタンへの視線誘導を最優先にしたレイアウトに徹底しています。既存サイトはスクロールしてWebサイト下部にて現れる仕様でした。

Point3:[視認性確保]3つのアイコンによる情報整理・データの説得力を高める数値アプローチサービスの主要なメリット(ポイント)を3つのアイコンに凝縮して配置。忙しいユーザーでも瞬時に内容を理解できるよう、視認性と機能美にこだわりました。実績を示す重要な数値(「95.2%」「24万人」「46億円」など)を大きく配置し、ページの信頼性を直感的に伝える視覚的メリハリをつけています。



シェア
Design Process|制作意図とプロセスの解説

Concept:株式会社テラス様より、Webサイトリニューアルに伴うデザインコンペのご要望をいただき、異なるアプローチで3パターンのデザイン案をご提案いたしました。▷左(王道・誠実): 深いネイビーを基調とした、シャキッとした最も信頼感のあるデザイン▷中央(シンプル・洗練): 明るめのブルーと余白を活かした、クリーンで知的なデザイン▷右(親しみ・爽やか): グラデーションを取り入れ、優しさと知性を両立したデザイン

ツール:Photoshop デザイン制作時間:4時間 

クライアントへのヒアリング・構成:1週間程

Target:社長職を退任後、趣味として資産運用(株式投資)を楽しまれている方。次の投資のヒントを求めてサイトを訪れるユーザーを想定。

Point1:提案力とバリエーション「青をベースにした知的さ」という軸はブレさせず、「誠実・スタイリッシュ・親しみやすさ」 など、異なる3つのテイストで展開。クライアントの選択肢と可能性を広げる多角的なアプローチを意識しました。

Point2:コンバージョン最優先の導線設計ユーザーのアクションを迷わず促すため、最も重要であるコンバージョンボタンへの視線誘導を最優先にしたレイアウトに徹底しています。既存サイトはスクロールしてWebサイト下部にて現れる仕様でした。

Point3:[視認性確保]3つのアイコンによる情報整理・データの説得力を高める数値アプローチサービスの主要なメリット(ポイント)を3つのアイコンに凝縮して配置。忙しいユーザーでも瞬時に内容を理解できるよう、視認性と機能美にこだわりました。実績を示す重要な数値(「95.2%」「24万人」「46億円」など)を大きく配置し、ページの信頼性を直感的に伝える視覚的メリハリをつけています。



シェア
Naoko Morishita Designの他の作品
foriio

あなたのforiioを無料で作成

fori.io/
Logo
WEBサイト_リニューアル|株式会社テラス様(投資企業)-1
Design Process|制作意図とプロセスの解説

Concept:株式会社テラス様より、Webサイトリニューアルに伴うデザインコンペのご要望をいただき、異なるアプローチで3パターンのデザイン案をご提案いたしました。▷左(王道・誠実): 深いネイビーを基調とした、シャキッとした最も信頼感のあるデザイン▷中央(シンプル・洗練): 明るめのブルーと余白を活かした、クリーンで知的なデザイン▷右(親しみ・爽やか): グラデーションを取り入れ、優しさと知性を両立したデザイン

ツール:Photoshop デザイン制作時間:4時間 

クライアントへのヒアリング・構成:1週間程

Target:社長職を退任後、趣味として資産運用(株式投資)を楽しまれている方。次の投資のヒントを求めてサイトを訪れるユーザーを想定。

Point1:提案力とバリエーション「青をベースにした知的さ」という軸はブレさせず、「誠実・スタイリッシュ・親しみやすさ」 など、異なる3つのテイストで展開。クライアントの選択肢と可能性を広げる多角的なアプローチを意識しました。

Point2:コンバージョン最優先の導線設計ユーザーのアクションを迷わず促すため、最も重要であるコンバージョンボタンへの視線誘導を最優先にしたレイアウトに徹底しています。既存サイトはスクロールしてWebサイト下部にて現れる仕様でした。

Point3:[視認性確保]3つのアイコンによる情報整理・データの説得力を高める数値アプローチサービスの主要なメリット(ポイント)を3つのアイコンに凝縮して配置。忙しいユーザーでも瞬時に内容を理解できるよう、視認性と機能美にこだわりました。実績を示す重要な数値(「95.2%」「24万人」「46億円」など)を大きく配置し、ページの信頼性を直感的に伝える視覚的メリハリをつけています。



シェア
Naoko Morishita Designの他の作品
foriio

あなたのforiioを無料で作成

fori.io/