スタジオライズ様(コーポレートサイト)|Web制作実績 レスポンシブ対応|ネオインデックス仙台

Works

制作実績

スタジオライズ様
写真を大胆に魅せるコラージュ型レイアウトと直感的な情報設計で、スタジオ独自の魅力を「体感」できるサイトへ

https://www.studiorise.com/

東京都 渋谷区

PC

SP

Web制作のポイント

人物撮影と静物撮影に対応できるスタジオとして、質の高いサービスを提供しているスタジオライズ様のコーポレートサイトをリニューアルいたしました。

 

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

 

 そのため、メインビジュアルのオープニングアニメーションでは、お客様のロゴが白い背景画面の中央に淡いグレーで表示され、その後にスタジオや建物の外観などのお写真が外側から集まり、コラージュ型レイアウトに次々とはまっていく動きを採用しています。

大きさの異なるお写真をパズルのように組み合わせることで、洗練された印象に仕上げました。初めてホームページを訪れたユーザーにも、明るく開放感のあるスタジオの雰囲気が直観的に伝わり、「利用してみたい」と感じられるデザインを実現しました。

 

その中でも、ユーティリティスペースのお写真を最も大きく配置し、他のスタジオにはないお客様ならではの魅力を訴求することで、ブランディングの向上にも貢献しております。

設計・デザインのポイント

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

 

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

 

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


デザイン面では、撮影スタジオとしての世界観を表現するため、カメラでピントを合わせる際に表示される「オートフォーカスエリア」を連想させるあしらいを随所に取り入れました。コンテンツタイトルの文字を囲むようにあしらうことで、撮影スタジオならではのオリジナリティを訴求できるデザインとなっております。 また、写真撮影では余白を活かした構図が重要となることから、ホームページでも余白を効果的に活用し、お客様のスタジオレンタルというサービス特性ともリンクする、シンプルでスタイリッシュなデザインに仕上げました。さらに、淡いブルーのロゴカラーを基調とすることでブランドイメージを反映し、サイト全体に統一感を持たせております。
Web制作・運用サポート一覧

PC・タブレット用フルオーダーメイド設計、SP・タブレット用フルオーダーメイド設計オリジナルWebデザイン、PC用UI/UX設計、SP用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート

リニューアル無料相談

ホームページリニューアルや制作プランの
ご相談などお気軽にお問い合わせください

ホームページをベストの状態へ
無料相談はこちら

PAGE TOP