W&C Design｜コーポレートサイト制作
※スクール課題として制作した架空サイトです。
見本サイトをもとに、Wixを使用してコーポレートサイトを実装しました。
ブラウザのディベロッパーツールやカラーピッカーを活用し、フォントの種類・サイズ・太さ・色味などを正確に分析・再現しています。
制作目的
既存サイトの構造やデザインルールを分析し、再現力と実装力を高めること。
使用ツール
・Wix
・ディベロッパーツール
・カラーピッカー
制作期間
約2日
制作のポイント
・フォントの種類・サイズ・ウェイトを正確に再現
・カラーコードを抽出し、ブランドイメージを統一
・余白設計や行間も意識し、視覚バランスを調整
・PC / スマートフォン両対応のレスポンシブ設計
工夫した点
・見本サイトのデザイン意図を分析しながら構築
・単なる模写ではなく、構造理解を意識した実装
・視線誘導や情報整理を考慮したレイアウト設計