Works

制作実績

gorrion design studio

gorrion design studio

京都を拠点として、空間デザイン・インテリアデザインを手掛けられている gorrion design studio さまのWebサイトリニューアルを行いました。

普段はお客様の商品やサービス、それを受け取る顧客層などからイメージを抽出して表現方法を考えますが、今回はデザイナーであるお客様のクリエイティブに特定のイメージを持たせない、「引き立て役としてのシンプルなデザイン」をコンセプトに置き、配色、写真、書体を選定しました。シンプルだからこそ、細部まで丁寧に作り込みました。また、単調にならないように秩序の中に少しの違和感を取り入れることを心がけました。

サイト種別
Branding site
担当範囲
  • コンセプト設計
  • 企画・要件定義
  • 進行管理
  • UI/Webデザイン
  • コーディング
  • CMS構築
URL
https://gorriondesign.net

シングルページ(1ページだけで構成されているWebサイト)に加えて、デザイン事例を紹介するポートフォリオを制作しました。キービジュアルは一つのプロジェクトでまとめ、上から下へスクロールすることで、全ての情報を見ることができます。「デザイン事例」は管理画面から追加・更新が可能です。

白場の取り方を少し変えるだけでも印象が変わるため、写真のサイズ、文字量などを(レスポンシブウェブデザインを踏まえて)細かく調整しました。写真が持つ世界観に入り込みやすいよう角版写真を使いました。書体は幾何学的で少し丸みのある Montserrat(モンセラート) を見出しに使い、数字には親和性のあるRoboto(ロボト)を使用しています。アニメーションはデザインコンセプトに沿って、控えめにしつつもエフェクトを印象的なブラーにしました。心地よいスピード感はお客様のご意見を踏まえて調整しました。

「デザイン事例」のCMS設計にはWordPressを使用し、フルオーダーで設計しています。(既存テンプレートの流用はせず、本プロジェクトのオリジナルを作成)Wordpressのブロックエディタに予め搭載されているブロックは使わず、お客様専用のカスタムブロックを作成し、直感的且つスムーズに投稿できるようにしています。TOPページに表示するプロジェクトは管理画面から選択が可能です。

gorrion design studio
gorrion design studio
gorrion design studio
gorrion design studio
gorrion design studio
gorrion design studio
gorrion design studio