Hasegawa Mariポートフォリオサイト

制作概要 Overview

作品名

NEXT ONE（株式会社ネクストワン様 コーポレートサイト）

デザインカンプサイズ

PCサイズ（1920*1080のみ）

ターゲット

未経験からWeb業界を目指す求職者

依頼内容

未来の人材育成に貢献できる企業であること、職業訓練校を運営している内容をビジュアルを追加するなどして分かりやすいサイトにしてほしい。また企業としての信頼感を損なわない程度に、流行のデザインを取り入れてほしい。

コンセプト

「“可能性”を育てる」

教育機関としての信頼感を大切にしつつ、ターゲットに寄り添った親しみやすさと、希望のあるビジュアルを意識。

制作区分

学校課題

制作期間

2024年11月～　計8時間

担当

• 企画
• Design

使用技術・ツール

• Photoshop
• Figma

ユーザー深層&競合分析 Insight & Analysis

ペルソナ

• 制作当時はペルソナ設計の知識がなく、具体的なユーザー像を想定できていませんでしたが、現在はユーザー視点を意識して設計に取り組んでいます。 今であれば、20〜30代のWeb業界を目指す求職者を想定して制作すると思います。

競合他社サイト分析

• 制作当時は競合分析への理解が浅く、他社サイトとの比較は行いませんでしたが、現在はその重要性を認識しており、今後の設計に活かしていきたいと考えています。

制作の目的 Objective

• ・Figmaを触り始めて間もない時期だったため、ツール操作に慣れること。
• ・デザイン授業で学んだ基礎知識を実際のUIに落とし込む練習のため。

直面した課題 & 学び Challenges & Insights

見た目の好みだけじゃない、デザインの“理由”を考える力

参考サイトの選定では、当初「このデザイン、好き！」という直感に頼ってしまい、コンセプトとの整合性が取れないことがありました。 しかし、デベロッパーツールで構造やスタイルを観察し、デザインの仕組みや意図を知るうちに、“なぜこのレイアウトや配色なのか”を考える視点が少しずつ育っていきました。 デザインの基礎を使って、感覚だけでなく、ルールや目的を意識してサイトを見る力がつき、アクセントカラーなども意図的に使えるようになりました。