PORTFOLIO
あのひとってどんなひと？
制作情報
- 制作範囲 range
- ワイヤーフレーム/デザイン/コーディング
- 使用ツール tool
- Figma / Photoshop / Illustrator / VS Code
- ターゲット target
- Web制作会社・デザイン会社の採用担当者。
制作依頼を検討しているクライアント。 - 目的 purpose
- 未経験ではあるものの、一つひとつの制作に丁寧に向き合い、学びながら成長していく姿勢を伝えることを目的としました。
制作過程や考え方を通して、採用担当者やクライアントに「一緒に働きたい」「この人にお願いしたい」と思ってもらえることを目指しています。 - 情報設計 information
- 採用担当者やクライアントが短時間でも内容を把握できるよう、各項目や作品の概要を簡潔にまとめたものをトップページに配置し、興味を持っていただけた場合には、詳細ページでより深く閲覧できる構成としました。
まず完成ビジュアルを提示することで作品の全体像を伝え、その後に作品概要やターゲット・目的を整理することで、制作の背景や意図が理解しやすい流れを意識しています。
さらに情報設計やデザインの考え方を補足し、見た目だけでなく、制作過程や向き合い方が伝わる構成としました。 - デザイン design
- 採用担当者やクライアントが情報をパッと把握できるよう、全体はシンプルで見やすいレイアウトを意識しました。
その中で、旅行が好きという自分らしさを表現するために、空や飛行機のモチーフを取り入れ、やさしく、わくわくする世界観を目指しています。
また、親しみやすさを感じてもらえるよう、飼い猫のモチーフをアクセントとして使用し、硬くなりすぎない雰囲気になるよう工夫しました。
さらに、メールやお問い合わせにつながるコンタクトエリアの下部には動きのある画像を配置し、視線が自然と下方向へ流れるよう意識しています。
ページの余韻としてやさしい動きを加えることで世界観を保ちつつ、お問い合わせへの行動につながる導線を目指しました。 - 工夫・学び learning
- 本ポートフォリオでは、これまでの制作よりも情報設計や導線設計をより意識して取り組みました。
特に、トップページから詳細ページへの流れや、お問い合わせにつながる視線誘導など、実際の運用を想定した構成を意識しています。
今後も制作を通して改善を重ねながら、より使いやすいサイトを目指していきたいと考えています。 - 制作期間 period
- 70日間（ワイヤーフレーム：4日、デザイン：16日、コーディング：50日）
サイトイメージ
WORKS
-
website
-
poster
-
banner
-
movie
