■ プロジェクト概要 クライアント:ecru. 様(ニューボーンフォトグラファー) 担当領域:Webデザイン / Studio実装 / スマホUI最適化 ターゲット:これから出産を控えている、または出産直後のママ・パパ(20〜30代)URL:https://ecru-photo.info/■ 背景と課題 ニューボーンフォトという「生まれて間もない、繊細で貴重な時期の赤ちゃん」を撮影するサービスにおいて、お客様に心から安心してご依頼いただけるような信頼感と、ブランドの温かい世界観を両立させたWebサイトが必要でした。また、出張撮影という性質上、料金体系や当日の流れ、対応エリアなどの具体的な情報を、不安を抱えるママたちへ分かりやすく整理して伝える必要がありました。■ デザインのコンセプト・ポイント 「赤ちゃんの無垢な愛らしさと、優しく包み込む安心感」 生成り色を意味する店名「ecru.」の通り、真っ白ではない、温かみのあるオフホワイトやベージュを基調としたカラーパレットを採用しました。 主役である赤ちゃんの写真が最も引き立つよう、サイト全体の装飾は控えめにし、洗練された余白(マージン)を設けています。フォントには、繊細で優しい印象を与える丸みのあるゴシック体(または明朝体)を使用し、ママがリラックスしてサイトを回遊できるような心地よいデザインを目指しました。■ 実装・アプローチの工夫「赤ちゃんファースト」の姿勢を伝える導線設計 「撮影までの流れ」や「よくあるご質問」のページを充実させ、「赤ちゃんが泣いてしまったら?」「部屋の温度は?」といった、ママたちが必ず抱く不安を先回りして解消できる構成にしました。「赤ちゃんのペースに合わせて撮影する」という理念がしっかりと伝わるよう、テキストの配置や写真の選定にもこだわっています。直感的に比較できるプラン紹介「Chouchou(ライト)」「Chéri(スタンダード)」「Mimi(プレミアム)」といった複数の料金プランを、カット数や特典内容、料金の違いがひと目で分かるよう、スッキリとしたレイアウトで整理しました。スマホでの閲覧体験の最適化 妊娠中や産後のママは、スマートフォンからベッドやソファで寝転びながらサイトを閲覧することが多いため、スマホでの文字の読みやすさ、タップしやすいボタンサイズ、そしてスムーズに予約・問い合わせ画面へ遷移できるUI設計を徹底しました。