スタジオライズ様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、リニューアルの主要な目的として、「デザインを刷新し、ホームページの情報を整理したい」というご要望をいただきました。

そのため、「人物撮影スタジオ」「静物撮影スタジオ」という各スタジオ紹介ページでは、PCの広い画面を活かし、ファーストビューの画面幅いっぱいにスタジオのお写真を2枚横並びで大きく配置しました。ターゲットとなるカメラマンがホームページを訪れた際に、実際にスタジオで撮影するシーンを直観的にイメージできる工夫を施しております。

さらに、4つの撮影スタジオそれぞれの平面図をPDFにてダウンロードできるようにしました。スタジオの広さや設備など、撮影前に知っておきたいに情報を事前に確認できるため、利用をスムーズに検討できる設計に仕上げております。

「プロのカメラマンの方」「都内の白ホリスタジオを探している方」などの個人ユーザーをメインターゲットとしているため、スマートフォンとPCの使用比率を7：3に想定し、モバイルファーストで設計しております。

スマートフォンサイトでは、電話のアイコンを画面右下に固定表示しました。どのページを閲覧していても、ユーザーが納得したタイミングでスタジオへお問い合わせできる導線設計となっております。

また、トップページの「ユーティリティスペース」コンテンツでは、スマートフォンならではの縦長の画面を活かしたデザインに仕上げております。コンテンツの上下に複数のユーティリティスペースのお写真を配置し、上部のお写真は右から左へ、下部のお写真は左から右へと動くアニメーションを採用しました。お打ち合わせやお食事、パソコン作業などに利用できる、自然光が心地よく清潔感のあるユーティリティスペースは、お客様独自の魅力の一つです。そこで、空間の雰囲気を視覚的に訴求できるよう、動きで視線を誘導しながら、スマートフォンの小さな画面でも複数のお写真の視認性を確保できるデザインとしました。

デザイン面では、撮影スタジオとしての世界観を表現するため、カメラでピントを合わせる際に表示される「オートフォーカスエリア」を連想させるあしらいを随所に取り入れました。コンテンツタイトルの文字を囲むようにあしらうことで、撮影スタジオならではのオリジナリティを訴求できるデザインとなっております。

また、写真撮影では余白を活かした構図が重要となることから、ホームページでも余白を効果的に活用し、お客様のスタジオレンタルというサービス特性ともリンクする、シンプルでスタイリッシュなデザインに仕上げました。さらに、淡いブルーのロゴカラーを基調とすることでブランドイメージを反映し、サイト全体に統一感を持たせております。