ペット &ニューボーンフォトスタジオ 新規Webサイト制作

Webサイト立ち上げの経緯

細かいプラン設定とニーズに合わせたプランニングが特徴だが、プランの豊富さゆえにInstagramのDMやLINEへ問い合わせが多く、対応に苦慮されていました。また、プラン詳細をInstagramのハイライトへアップしているが、掲載場所がわからず、問い合わせされる方も多いとのことでした。

お客様からのご要望

プラン、料金、衣装レンタルなど明確に提示できるページが欲しい。ターゲットユーザーをそのページへ導きたい。デザインは出来るだけシンプルにまとめて欲しい。

Webサイトの目的

打合せの結果、Webサイト制作の目的として、以下の3つを設定しました。

・ニーズに合ったコンテンツを提供し、サービスの明確化を図ること

・ターゲットユーザーが今、知りたい情報へ瞬時に辿り着ける導線をつくること

・興味を示していただけた際にアクションを起こしやすい動線をつくること

【ターゲットユーザー】

20代後半〜30代前半のプレママ、1歳前後のお子様を持つ子育て世代の女性。

サイトコンセプトがブレないよう、念密にクライアント様と打合せを重ね、デザイン、コーディングまで一括しての制作がスタートしました。

URL：https://studioblono.com/
制作期間：約2ヶ月（デザイン3週間、コーディング4週間）
使用ツール：figma、Dreamweaver（HTML、CSS、JavaScript、jquery）
レスポンシブ：スマホ・PC（タブレットでも可）

デザインのポイント

・写真が映えるようにベースは白系を基調とし、柔らかさと落ち着きをイメージした「シンプルで上質なデザイン」

・キャッチコピーは、ブランド価値や強み（オンリーワンのプランニング、豊富なプランなど）が伝わる文章を提案させていただきました。

・写真素材の邪魔にならないよう、追従するメニューにはPC、SP共にハンバーガーボタンを採用。PCのみInstagramも追従する表示。

・課題であったプランページでは、カテゴリ毎にプラン内容を表示。カテゴリ内の各プランを横に並べ、費用やオプションなどプランの比較がしやすく分かりやすいデザインとした。また、プランの各カテゴリ下部へギャラリーリンクを配置し、導線設計にも配慮しました。

・ギャラリーはカテゴリ毎に表示できる仕組みとし、あえてインスタグラムのフィードとは違った見え方としました。