担当者コメント

構成と進行を担当し、デザインはあおさんにお願いしました。
デザインに入る前に、AI（Codex）の画像生成でFVの方向性を20パターンほど作りました。実写背景、人物主役、岐阜の風景、名物をあしらったポップなものまで並べて、クライアントと先に「どの方向でいくか」を決めています。方向性を固めてからデザインを依頼したので、FVでの大きな出戻りは起きませんでした。
公開後もアクセスを見ながら手を入れました。表示速度はスマホのスコアを69から92まで上げ、お客様の声はスライダーで読みやすくしています。

担当者コメント

想定したのは、家づくりを考え始めたものの「何から始めればいいかわからない」「自分たちに合う住宅会社を知りたい」と感じているご夫婦です。無料で相談でき、一人ひとりの悩みに丁寧に寄り添うイエスマ様の強みを踏まえ、「ここなら気軽に相談できそう」と感じてもらえるデザインを目指しました。

ファーストビューでは、岐阜市の店舗であることがひと目でわかるようにし、相談しやすい雰囲気と、数字で示せる実績の両方が伝わるようにしました。

相談を促すセクションでは、大きな家のイラストの中に、ドアを模したボタンを配置しました。家づくりの相談窓口であることを視覚的に伝えながら、ボタンにも自然と目が向くように工夫しています。

ページの随所には、代表の方の切り抜き写真を配置し、相談に応じる人の顔が見えることで親しみを感じてもらえるようにしました。文字の大きさや余白も細かく調整し、情報を無理なく読み進められるようにしています。

担当者コメント

制作期間は、実装開始から初稿提出まで約3日半です。

「ここなら気軽に相談できそう」と感じていただけるデザインの温かさを、動きやスマホでの見え方まで崩さないことを大切にしました。
アニメーションの指定は特になかったため、デザイン全体のフレッシュな雰囲気に合わせて、ゆっくりではなく一気にフェードインする動きをご提案し、ハンバーガーメニューの動きや質感もそろえてページ全体に統一感を持たせています。

お客様の声のスライダーは、文章を読んでいる途中で切り替わらないよう自動再生なしにし、ご自分のタイミングでスワイプして読める形にしました。

デザインカンプどおりの見た目に合わせたうえで、カンプにない中間の画面幅でもレイアウトが崩れないよう細かく調整しています。公開後の修正はディレクターさんが担当されると伺っていたため、開発環境の使い方をまとめたREADMEを同梱しました。