dog salon YUZU

制作背景

クライアントより、
・「GREETING」に背景画像を使用したい
・「GALLERY」の項目をトップページ内に設置したい
というご要望をいただきました。

課題

・背景画像を使用すると文字の可読性が低下する可能性
・ページ全体の情報量バランス
・スクロールしないと写真が見られない構造

提案・工夫した点

① 背景画像のトーン調整による可読性確保
ページ全体の強弱をつけるため、背景画像はそのまま使用するのではなく、
透明度を調整し、文字がしっかり読める濃度に設計。
ビジュアル性と可読性を両立しました。

② GALLERYのトップページ組み込み
ギャラリーページへ遷移しなくてもサロンの雰囲気が伝わるよう、
トップページ内にギャラリーセクションを新設。
ユーザーが直感的に世界観を把握できる構成へ改善しました。

③ スクロール不要のスライド設計
スマートフォン閲覧を考慮し、スクロールしなくても複数の写真が見られる横スライド形式を実装。
限られた画面領域の中で視覚情報量を最大化しました。

制作のポイント

・視認性とデザイン性のバランス調整
・情報の強弱設計
・スマートフォンでの体験最適化