WEB
自主制作
概要
ABOUT
- 概要
-
Webデザイナーとしての活動や制作実績をまとめたポートフォリオサイトです。
「自分の世界観と、人に寄り添うデザイン」をテーマに、訪れた人が自然と私の人となりを感じ取れるような空気感を大切にしました。
シンプルでありながらも、ふわっと優しく心に残るサイトを目指しています。 - 制作期間
-
企画・情報設計1週間デザイン1週間コーディング2週間WordPress実装1週間合計:5週間
- 使用ツール
- Figma / HTML / CSS / JavaScript / WordPress / FTP Server
もっと詳しく
DETAILS
- 課題
-
ポートフォリオは「技術を見せる場」であると同時に、「人となりを感じてもらう場」。
堅すぎず、でも軽すぎない“ちょうどいい距離感”をどう表現するかに悩みました。
見た目だけでなく、操作感やアニメーションの心地よさも含めて「私らしさ」を感じてもらえるよう意識しています。 - 目的
-
- 自身のデザインスキルと表現力を総合的に発信する
- クライアントに「安心して依頼できる」と感じてもらう
- 自分らしい柔らかさと誠実さを伝えることで、長くお付き合いできる関係づくりのきっかけとする
- ターゲット
-
- デザインやWeb制作の依頼を検討している個人事業主・中小企業の担当者
- 一緒にプロジェクトを進めてみたいと思ってくださるデザイン関係者
- 私の制作スタイルや人柄を知りたい採用担当者・クライアント
- デザイン
-
カラー「春・夏・秋・冬」から好きなシーズンを選ぶことで、配色が切り替わる仕掛けを実装。
見る人の気分や季節に寄り添えるような“遊び心”をプラスしました。動作ふわふわと浮遊するオブジェクトやアニメーションで、柔らかい印象とともに、「見ていて心地よい動き」を目指しました。
過剰な演出ではなく、呼吸をするように自然に変化するアニメーションを意識。レイアウト可読性を損なわず、静けさと温もりのバランスを意識したタイポグラフィ設計。全体トーン透明感のある配色と丸みのある要素で、優しさ・信頼感・誠実さを表現しました。 - 情報設計
-
- TOPで私の雰囲気とコンセプトを伝え、スクロールに沿って自然に「スキル → 実績 → 人となり」が分かる構成に。
- 作品ごとに制作意図・課題解決・工夫を記載し、単なるビジュアル紹介に留まらないストーリー性を意識。
- ナビゲーションやアニメーションはシンプルで直感的にし、訪問者が迷わず心地よくサイトを回遊できるよう設計。
完成図
DESIGN