URL:https://www.studio-luff.com/s/

柔らかなカラーリングとアシンメトリーなデザイン

各シーンの第一線で活躍するアーティストが所属し、他のフォトスタジオ・ヘアメイクサロンとは一線を画しているLuff様のスマートフォンサイトです。
PCサイトとはあえてデザインの方向性を大きく変更しています。
淡いブルーをメインカラーに、背景やタイトル部分にアシンメトリーなデザインを採用することで画面全体に動きを取り入れました。

《トップページ全体》

スマートフォンサイトのため、アニメーションなどは最低限に抑え、見やすさを重視したサイトデザインに仕上げています。

イメージが伝わる動画をメインビジュアルに

トップページのメインビジュアルに動画を採用することで、ユーザーの目を惹きつつ、イメージを効果的に伝えています。

サービス説明や料金をよりシンプルな見せ方に

スマートフォンでは表示できる内容がPCサイトと比較して限定的になることを鑑み、サイト構成を含めて整理し、サービス内容の説明や料金表示などをよりシンプルな見せ方にできるように工夫しました。

限られた画面内でコンテンツの全容を把握しやすくするページデザイン

Q&Aページなど、シンプルな構造のページでは、見出しをタップすることで内容が表示される動作を取り入れ、画面の限られたスペースのファーストビュー内でできるだけコンテンツの全容を把握しやすくするよう工夫しました。