Works
つくったもの
実務を想定して、丁寧に作り込んだケーススタディです
コンペ提案・全6ページ
レコーディング／MAスタジオ
新規開業するレコーディングスタジオのコンペに提案した、6ページ構成のサイトです。一般のお客様ではなく、スタジオを業務で使う制作会社のご担当者に向けて設計しました。
- 担当範囲：構成・原稿整理・デザイン・実装（全6ページ・レスポンシブ）
- 空き状況カレンダーを実装。データファイル1行の書き換えだけで更新できる運用に
- 収録現場の暗さに合わせたダークトーン。予約状況のページだけ明るい面に反転させ、一覧性を優先
- 波形アニメーションや部屋の切り替えなど、動きは外部ライブラリを使わずすべて自作
コンセプトワーク・架空案件
HAIR SALON 凪 -nagi-
表参道の美容室を想定したランディングページ。「静けさ」をテーマに、余白と細い罫線だけで上質さを表現しました。
- 担当範囲：コンセプト設計・情報設計・デザイン・実装
- 写真に頼らず、余白と明朝体の見出しだけで「静けさ」を表現
- 完全予約制という業態に合わせ、CTAを「WEB予約」1つに絞って離脱を防止
- 料金表は情報量を絞り、価格で迷わせない一覧性を優先したレイアウトに
WordPress・コンセプトワーク
喫茶 こもれび
小さな喫茶店を想定したWordPressサイト。既存テーマ（Twenty Twenty-Four）を導入し、カフェの雰囲気に合わせて配色・コピー・メニュー構成をカスタマイズしました。
- 担当範囲：テーマ導入・配色／コピー調整・導線設計
- 既存テーマを導入し、配色やボタンなどを暖色系に調整
- 汎用テンプレートの文言を、メニュー6品を含むカフェ向けの内容に書き換え
- ボタンから該当セクションへスムーズスクロールする、控えめな動きを追加