
制作内容
このウェブサイトは、デザイナーチーム「あおみちデザイン」の発足にあたり、認知拡大とサービスへの問い合わせ獲得を目的として制作しました。ターゲットはこれから新しいサービスを始めようとしている20代後半〜40代の女性起業家です。「ポップで親しみやすい」世界観と、お客様に寄り添う「伴走型」の価値が伝わるサイトを目指した実績です。
| 制作期間 | 1週間 |
| 使用したツール | Figma・Studio |
| 制作背景 | デザイナーチーム発足にあたりWEBサイトを制作 |
- 制作目的
- デザイナーチームを発足させるにあたって、認知のためにロゴを制作
- ターゲット
- 20代後半~40代の女性
- これから新しいサービスを始めようとしている
- ホームページなどの用意だけでなく、ブランディングから困っている
- トンマナ
- ポップ
- 親しみやすい
- ワクワクするような楽しさを感じる
- 3人を表す

※クリックすると拡大します

※クリックすると拡大します
情報設計について
ファーストビューで「伴走型」の価値を即時提示
サイトの導入部であるファーストビューには、メインキャッチ「ワクワクをカタチに。」と、「アイデアの実現からサービス展開まで伴走」という説明を冒頭に配置しました。これにより、初めての方でも「相談しやすさ」を直感的に伝達しています。主要CTA(お問い合わせ/相談導線)を同一視野に収め、認知から行動まで一気通貫で誘導する構成です。
比較検討しやすい意思決定プロセスに沿った流れ
セクションの配置を、「強み・提供サービス」→「制作実績」→「制作の流れ/体制」→「問い合わせ」の順にしました。これは、ユーザーの興味喚起→信頼醸成→不安解消→申込という意思決定プロセスに沿った流れです。各ブロックはカードや見出しを使って定型化し、スクロール中も「いま何が分かるか」が明確に伝わるよう読みやすさに配慮しています。
迷わせない複線導線でいつでも相談可能に
各主要セクションの末尾とフッターにCTA(行動喚起ボタン)を再配置し、ページ内アンカーで往復可能な設計にしました。「気になったタイミングでいつでも相談できる」状態を担保しています。さらに、フォームとメッセージアプリ等の複線導線を用意し、ユーザーの好みや状況に合った行動を取りやすくする工夫を施しました。
デザインについて
“親しみ × 活力”を生むイエロー基調の配色
メインカラーには、やわらかなクリーム〜ハニー系のイエローを主役に据え、ネイビー/ブルーで引き締める配色設計を採用しました。温度感のある世界観で親しみを生みつつ、見出しやボタンは濃色でコントラストを確保し、情報密度が高い箇所でも読みやすさを担保しています。ターゲットに明るい未来を感じさせる配色戦略です。
「伝わる」を支えるビジュアル整理のハイブリッド活用
アイコン、イラスト、写真をハイブリッドに活用し、抽象的な価値(伴走・安心感)と具体的な提供内容(サービス例・成果物)をそれぞれの得意領域で表現しました。特にカードごとに「要点→補足→行動」の順で視線誘導できるUIに統一することで、多くの情報も整理され、視覚的に分かりやすい構造を実現しています。
ワクワク感を演出するポップで軽快なフォント
見出しや本文には、全体的なポップなトンマナに合わせた、丸みのあるフォントを選定しました。硬い印象やビジネス感を避け、ターゲットである女性起業家が「楽しそう」「気軽に相談できそう」と感じるような、軽快で温かい雰囲気を作り出しています。これにより、サイト全体で「デザインのハードルを下げる」というメッセージを強調しています。

