The Annex.｜コワーキングスペースサイト制作
※スクール課題として制作した架空サイトです。
海外テイストのコワーキングスペースを想定し、WixにてWebサイトを実装しました。
見本サイトをもとに、ブラウザのディベロッパーツールやカラーピッカーを使用し、
フォントの種類・サイズ・ウェイト・カラーコードなどを正確に分析・再現しています。
制作目的
・既存デザインの構造理解と再現力の向上
・ブランドイメージを崩さない実装力の習得
・視線誘導を意識した構成設計の実践
使用ツール
・Wix
・ディベロッパーツール
・カラーピッカー
制作期間
約3日
付帯サービス
・予約機能
・お問い合わせフォーム
・チャット機能
・写真ギャラリー
機能面も含めて、実際の運用を想定した構成で実装しています。
デザイン設計のポイント
・大きなヒーロービジュアルで空間の魅力を直感的に伝達
・黒ベースのヘッダーで高級感を演出
・ミントグリーンをアクセントに設定し視線誘導を設計
・余白を広く取り、洗練された印象を表現
・CTA（BOOK A SPACE）を明確に配置し導線を整理