【あおみちデザイン】デザインサービスサイト制作


このウェブサイトは、デザイナーチーム「あおみちデザイン」の発足にあたり、認知拡大とサービスへの問い合わせ獲得を目的として制作しました。ターゲットはこれから新しいサービスを始めようとしている20代後半〜40代の女性起業家です。「ポップで親しみやすい」世界観と、お客様に寄り添う「伴走型」の価値が伝わるサイトを目指した実績です。

制作期間1週間
使用したツールFigma・Studio
制作背景デザイナーチーム発足にあたりWEBサイトを制作
要件定義
  • 制作目的
    • デザイナーチームを発足させるにあたって、認知のためにロゴを制作
  • ターゲット
    • 20代後半~40代の女性
    • これから新しいサービスを始めようとしている
    • ホームページなどの用意だけでなく、ブランディングから困っている
  • トンマナ
    • ポップ
    • 親しみやすい
    • ワクワクするような楽しさを感じる
    • 3人を表す

ファーストビューで「伴走型」の価値を即時提示

サイトの導入部であるファーストビューには、メインキャッチ「ワクワクをカタチに。」と、「アイデアの実現からサービス展開まで伴走」という説明を冒頭に配置しました。これにより、初めての方でも「相談しやすさ」を直感的に伝達しています。主要CTA(お問い合わせ/相談導線)を同一視野に収め、認知から行動まで一気通貫で誘導する構成です。

比較検討しやすい意思決定プロセスに沿った流れ

セクションの配置を、「強み・提供サービス」→「制作実績」→「制作の流れ/体制」→「問い合わせ」の順にしました。これは、ユーザーの興味喚起→信頼醸成→不安解消→申込という意思決定プロセスに沿った流れです。各ブロックはカードや見出しを使って定型化し、スクロール中も「いま何が分かるか」が明確に伝わるよう読みやすさに配慮しています。

迷わせない複線導線でいつでも相談可能に

各主要セクションの末尾とフッターにCTA(行動喚起ボタン)を再配置し、ページ内アンカーで往復可能な設計にしました。「気になったタイミングでいつでも相談できる」状態を担保しています。さらに、フォームとメッセージアプリ等の複線導線を用意し、ユーザーの好みや状況に合った行動を取りやすくする工夫を施しました。


“親しみ × 活力”を生むイエロー基調の配色

メインカラーには、やわらかなクリーム〜ハニー系のイエローを主役に据え、ネイビー/ブルーで引き締める配色設計を採用しました。温度感のある世界観で親しみを生みつつ、見出しやボタンは濃色でコントラストを確保し、情報密度が高い箇所でも読みやすさを担保しています。ターゲットに明るい未来を感じさせる配色戦略です。

「伝わる」を支えるビジュアル整理のハイブリッド活用

アイコン、イラスト、写真をハイブリッドに活用し、抽象的な価値(伴走・安心感)と具体的な提供内容(サービス例・成果物)をそれぞれの得意領域で表現しました。特にカードごとに「要点→補足→行動」の順で視線誘導できるUIに統一することで、多くの情報も整理され、視覚的に分かりやすい構造を実現しています。

ワクワク感を演出するポップで軽快なフォント

見出しや本文には、全体的なポップなトンマナに合わせた、丸みのあるフォントを選定しました。硬い印象やビジネス感を避け、ターゲットである女性起業家が「楽しそう」「気軽に相談できそう」と感じるような、軽快で温かい雰囲気を作り出しています。これにより、サイト全体で「デザインのハードルを下げる」というメッセージを強調しています。

この記事が気に入ったら
フォローしてね!

よかったらシェアしていただけると嬉しいです!
  • URLをコピーしました!
目次