オンライン子育てサポート紹介Webサイト

制作の背景

0〜5歳の睡眠相談サポートをより多くの方に知っていただき、まずは無料相談にお申し込みいただきたい、との想いで自身のサービスを紹介するサイトを制作しました。

担当範囲

PC・SPともに、

- ワイヤーフレーム（Photoshop）

- デザインカンプ（Photoshop）

- デザインの実装（STUDIO）

の全てを行いました。

デザインコンセプト

▶︎ 伝えたい印象  

・子育ては一人じゃないという安心感

・身近、フレンドリー

・温かさや柔らかさ

▶︎ キーワード
・等身大

・赤ちゃん、子ども、家族

・優しさ、温もり

▶︎ 相反するキーワード

原色、危機感を煽る、にぎやか

制作デザイン

工夫した点

▶︎ トンマナ 

カラーは運用するInstagramと同じ柔らかい黄色 / 緑 / 茶色、テキストはスマホでも読みやすいことを条件に選びました。

イラストも色を合わせて掲載しました。

▶︎ ペルソナ 

妊娠中〜5歳のお子様を子育て中の方とそのご家族。子どものためにできることをしたい、学びたい、という親御さま。 

▶︎ 写真 

写真は身近に感じていただけるよう、日本人モデルのものを選択。明るい印象のものを選ぶことで、子育ての楽しさや明るい未来を連想していただけるようにしました。 

▶︎ ヘッダー 

PCではメニューバーと無料相談のボタンが追従し、SPではハンバーガーメニューが追従するようにし、見たい情報にすぐアクセスしていただけるようにデザインしました。

▶︎ CTA 

無料相談のお申し込みを一番の目的と考え、「とりあえず相談してみようかな」と思ってもらえるよう、よくある悩み事と、メッセージをボタン上に配置しました。 

▶︎ レビュー

お客様の声は、before / afterでイメージが湧きやすいように、また興味のある方にたくさん読んでいただけるよう、カルーセル形式で掲載しました。

▶︎ フッター

濃い色を最後に置くことで、安定した印象を与えられるようにしました。

実績

STUDIOで作られた世界中のWebサイトを、ジャンルやテイスト別に探せるギャラリーサイト
「STUDIO Showcase」の審査に通過し、掲載されました。

STUDIO Showcase｜STUDIOで制作されたWebサイト事例集