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

Works

制作実績

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

https://www.studiorise.com/

東京都 渋谷区

PC

SP

Web制作のポイント

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

 

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

 

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

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

 

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

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

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

 

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

 

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


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

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

リニューアル無料相談

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

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

PAGE TOP