Facebook トライル案件
Logo

トライル案件

クレジット
Avatar
WEBデザイナー
トライル案件-1
シェア
制作ノート
タイポグラフィー
  • 重要なキーワードである「見直すべき」「インスタプロフィール」「3つのポイント」を大きく配置し、視線を集める設計にしました。
  • タイトル内の文字サイズに強弱をつけ、読む順番が自然に伝わるよう工夫しました。
  • 本文は可読性を重視し、シンプルで読みやすいフォントを採用しています。
  • 強調したい箇所のみアクセントカラーを使用し、情報の優先順位を明確にしました。<br>

情報設計

  • 1枚目では「誰向けの投稿か」と「何が分かるのか」を瞬時に伝えられる構成にしました。
  • 2枚目ではターゲットの悩みを箇条書きで提示し、共感を生みながら続きを読みたくなる流れを設計しています。
  • 「悩み → 原因 → 解決策」というストーリーを意識し、スワイプを促す導線を作りました。
  • 情報量を詰め込みすぎず、一画面一メッセージを意識することで理解しやすさを高めています。

カラー設計

  • ベージュをベースカラーに使用し、安心感や親しみやすさを演出しました。
  • ピンクをアクセントカラーとして使用し、重要なキーワードや注目してほしい箇所を強調しています。
  • ブラウン系の文字色を採用することで、やわらかさを保ちながら十分な視認性を確保しました。
  • ターゲットである副業Webデザイナー層や女性ユーザーにも親しみやすい、ナチュラルで温かみのある配色を意識しています。
シェア
西原真美の他の作品
画像
作品を見る
【HerTech 架空案件】ヘアケアバナー
画像
作品を見る
【架空案件】春限定いちごスイーツ
foriio

あなたのforiioを無料で作成

fori.io/
トライル案件-1
西原真美の他の作品
画像
作品を見る
【HerTech 架空案件】ヘアケアバナー
画像
作品を見る
【架空案件】春限定いちごスイーツ
foriio

あなたのforiioを無料で作成

fori.io/