概要

Web制作物を通じて 課題設定・施策意図・情報設計の考え方を整理した参考ポートフォリオ。 必須提出物ではなく、思考プロセスやアウトプットの再現性を補足的に伝えることを目的として制作。

目的

施策立案からアウトプットまでの思考の流れを可視化する
未経験領域におけるポテンシャル・再現性を示す

ターゲット

・マーケティング／販促／企画職の採用担当者
・「デザインができるマーケ人材」を探している企業
・思考力や施策理解を重視する現場担当者

情報設計

・各WORKを「課題 → 目的 → ターゲット → 施策 → アウトプット」の流れで構成
・視覚的な派手さより、意図が伝わる順序と導線を重視
・初見でも短時間で全体像を把握できる構成を意識

デザイン

・自身が好きな世界観を主張しすぎない程度に表現
・情報の優先度が自然に伝わるレイアウトを重視
・「説明のしやすさ」「読みやすさ」を最優先に設計

配色／フォント

自身が好むレトロ感を意識した配色を採用。 親しみやすさと落ち着きを両立させ、参考資料として長時間閲覧してもストレスの少ないトーンに調整した。
日本語：Noto Sans／可読性を重視。
英文：Inria Sans／読みやすさを保ちつつ、全体の世界観を損なわないようバランスを取っている。

使用ツール

Figma（デザイン）
HTML / CSS / JavaScript（jQuery）
Visual Studio Code

制作時間

24日間
（構成設計・ワイヤーフレーム：7日／デザイン：7日／コーディング：10日）

サイトURL

https://example.com