top of page
Reproduction Website
- モデリング課題
既存サイトの構造を分解し、
導線・階層・要素の見せ方を分析したうえで、
Wixで再構築した制作課題です。
実際のWebサイトがどのように情報を整理し、
ユーザーを誘導しているのかを学び、
そのロジックを踏まえて自分の手で再現することをテーマにしました。
TARGET
- 思い描くペルソナ
整った余白とシンプルなデザインを好み、
情報が追いやすいレイアウトを求めるユーザーを想定。
初めて訪れても迷わない、
落ち着いて見やすい画面デザイン を軸に再構築しました。
DESIGN PROCESS
— 形になるまでの軌跡
1. レイアウト・余白・フォント比率・配色を分解して分析
2. 情報の優先度と視線の動きを整理
3. 配置・余白・視線誘導を意識したレイアウト設計
4. PC／SPでの見え方を検証し仕上げ
OBJECTIVE
— デザインに込めた意図と景色
サイトの魅力である
直線的で洗練されたレイアウト
要素間の距離感
まとまった余白
これらが作る“見やすさの本質”を読み取り、
再現を通してデザインの仕組みを理解することを
目的に制作しました。
SCOPE&
DURATION
— 関わった領域と時間
担当：構造リサーチ／再現デザイン／Wix実装
動線調整／最終チェック
期間：約4週間
TOOLS
— 作品を構成する要素
Wix／フリー素材／参照サイト資料
bottom of page