Touch the GOND
- Research
- Direction
- Planning
- Wireframe
- UI/UX Design
- Front-End Dev
- WordPress
キングコング西野亮廣さんのイベント・音楽フェスなどの空間プロデュースを手掛ける、一級建築士事務所 草の枕(クサノマクラ) 様のコーポレートサイトを制作させていただきました。
数年前に立ち上げたサイトでレイアウト崩れなど不具合が目立ってきたため、既存のデザイン・機能を残しつつ改修するか、一から再構築(フルリニューアル)するか検討中ということでご相談いただきました。
また掲載する情報が増えてきて煩雑になってしまったため、この機会に分かりやすく整理したいというご要望もお持ちでした。
リニューアル前のサイトを確認したところ、コンテンツの階層設計がされていないため、情報量以上に煩雑な印象を受けてしまう状態でした。
そのため必要なコンテンツを洗い出し、整理して階層構造を作り直しました。
UI/UXの面では、テキストと背景のコントラストが小さく読みづらかったり、導線が分断されていてユーザーが迷ってしまうなどの改善点が見つかったため、それらを踏まえてフルリニューアルする方向でご提案させていただきました。
このサイトのメインコンテンツは、クライアントが過去に手掛けられたプロジェクトを紹介するGALLERYです。
GALLERYに掲載する写真を拝見したところ、すべてのプロジェクトを通して光(照明)の使い方や空間の奥行きが特徴的であったため、そこが映えるようなデザインを模索しました。
映画館のような空間をイメージして背景色を黒に、かつ明度を一段明るめに調整したグレーを背景に配置することで奥行きを出しました。
またプロジェクトの写真は解像度が高めのものを多数掲載するケースがあるため、ページ表示に時間が掛かりすぎないよう画像軽量化やキャッシュの導入、ファイルサイズ圧縮など対策を施しました。