MY PORTFOLIO
ポートフォリオ自主制作
- 制作の目的
- スキルや制作物、私自身について知ってもらうために制作
- ペルソナ
![]()
- コンテンツアイデア
- 1)サービス内容の明確化
→ 「Webデザイン」「HP制作」「コーディング／WordPress制作」と3区分で整理。スキルを提明確に提示 2)制作プロセス（Flow）の可視化
→ ヒアリングから納品、運用改善までの流れを明示。 3)制作物（WORKS）のビジュアル提示
→ デバイスモックアップを使ったサムネイルで直感的に伝わりやすく。 4)コンタクト導線の強化
→ 各ページ下部に「CONTACT」セクションを配置。問い合わせまでの流れをスムーズに。
- デザインアイデア
- 1)親しみやすいトーン
→ 柔らかいイラストを用いたビジュアルで、安心感・親近感を与える。 2)統一感のあるUI設計
→ サービス説明・制作の流れ・制作物一覧などを、見やすくセクションごとに整理。UX重視のレイアウト。 4)モックアップによる完成イメージの演出
→ PC・スマホの実機にデザインをはめ込むことで、利用シーンがリアルに伝える。 5) アクセントカラーの活用
→ ベージュ×ターコイズを基調にした配色で、優しい雰囲気を演出。派手すぎず落ち着いた印象。 *6)導線のわかりやすさ
→ ページ下部のCONTACTボタンやメニュー固定ヘッダーなど、ユーザーが迷わず目的地に到達できるデザイン。
- 担当範囲
- デザイン｜コーディング｜WordPressカスタマイズ
- レスポンシブ
- PC | SP
- 使用ツール
- Figma | VSCODE | WordPress
- URL
一覧へ戻る
