top of page
Reproduction Website
- モデリング課題
指定サイトのレイアウトや構成、
文字の扱い方まで細かく観察し、
情報の整理方法や余白、
配色の意図を読み取りながら再現した制作課題です。
ただ模写するのではなく、
「心地よく見えるポイント」を理解し、
自分の中で要素を整理してデザインに落とし込むことを目的としました。
TARGET
- 思い描くペルソナ
シンプルで、必要な情報に自然と辿りつける
“静かで整ったWeb体験”を求めるユーザーを想定。
余白と視線誘導を重視し、
迷わない導線設計を意識して再構築しました。
DESIGN PROCESS
— 形になるまでの軌跡
1. レイアウト・階層・余白の分析
2. フォント・カラー・距離感の整理
3. Wixで構築し再現性を調整
4. PC/SPでの視認性と動線チェック
OBJECTIVE
— デザインに込めた意図と景色
サイトの特徴である
余白とレイアウトのバランス
直感的な画面遷移
これらの“心地よさの理由”を分析し、
構造・動線・デザイン意図を理解しながら
忠実に再現することを目的に制作しました。
SCOPE&
DURATION
— 関わった領域と時間
担当：構造分析／UI再現／Wix実装／レスポンシブ調整
期間：約2週間
TOOLS
— 作品を構成する要素
Wix／フリー素材／参照サイト資料
bottom of page