Menu

© Copyright 2024 KEIGO SUGIE

Webサイト / クライアントワーク

STUDIO BLUEウェブサイト

概要
                       
滋賀県の音楽スタジオ「STUDIO BLUE」のサイトリニューアルを担当しました。
ターゲット
ご近所にお住まいの音楽愛好家の方々
目的
ブランド力の強化、提供サービスの可視化
情報設計
サイト訪問の主な目的はスタジオ予約なので、1アクションで予約できるように予約ボタンを常に表示し、追従する設計にしました。
スタジオ営業だけでなく、レッスンやホールレンタルといったサービスが充実している点を主張するため、1ページにまとめることでボリューム感を演出しています。
サイト構成は「店舗の概要→スタジオの詳細→各サービスを知る」といった動線を想定しています。
これにより、スタジオ内容の確認は簡明に、興味を持っていただいた方にはさらに深掘りいただく狙いを持っています。
雑多にならないように、それぞれのきっかけに応じた構成を目指しました。
構成上ページのコンテンツ量が多くなりますが、画面左側にセクションのナビを追従させることで、長いページでも情報整理ができるように設計しました。
デザイン

背景は暖かみのあるホワイト、文字色や一部背景にはスタジオのテーマカラーであるブラウンを使用し、店舗とwebページの雰囲気の整合性をより高めました。
長いページが単調にならないように、一部背景色を変えることでデザインにメリハリを出しました。
フォントはシックな雰囲気を表現するため基本はセリフ体を使用。視認性が重要な部分にはサンセリフ体を使用しました。

[配色]

制作期間

  • 企画 / ワイヤーフレーム

    1週間

  • デザイン

    5日

  • コーディング

    10日

使用ツール
Illustrator / Photoshop / Visual Studio Code
使用フォント
cormorant-garamond / しっぽり明朝

All Works