【課題制作】ベビー用品事業会社・採用サイト制作(デザイン/コーディング)

OVERVIEW

SHElikes PRO デザイナー5つ目の課題。架空クライアントの依頼内容をもとに、デザインからコーディングまでWebページ制作の流れを習得しました。 使用ツール | photoshop

YEAR 2026

【目次】

01 【制作物(PC/SP版デザインカンプ)】

02 【概要/要件】

03 【ペルソナ】

04【ユーザーストーリー】

05 【ムードボード】

06 【工夫した点】

07 【課題を通して学んだこと】

08 【実際のサイト】

01【制作物(PC/SP版デザインカンプ)】

02 【概要/要件】

03【ペルソナ】

04【ユーザーストーリー】

05【ムードボード】

・ 企業のビジョンに共感する人材からの応募を促すことを目的に、世界観が直感的に伝わるトーンで設計しました。

・あかちゃんだけでなく、ママ・パパ・おばあちゃんまで、家族みんながやさしく幸せに暮らせる未来を軸に、温かみと安心感のあるビジュアルを選定。

・ 働く環境や募集要項においても、多様な働き方や「ビジョンへの共感」を重視する姿勢が伝わるよう構成し、「この会社で働く未来」をイメージできる採用サイトを目指しました。

06【工夫した点】

07 【課題を通して学んだこと】

今回の課題を通して、デザインは装飾ではなく「目的達成のための設計」であることを学びました。

サイト制作においては、まず目的を正しく理解すること、そしてクライアントへのヒアリングを通して本質的な課題を捉えることの重要性を実感しました。その上で、「何を達成すべきか」「そのためにどのような構成にするか」を考え、ワイヤーフレームに落とし込むプロセスの大切さを学びました。

また、デザインカンプ作成時には実装を意識した設計や、ユーザーが自然にアクションできる導線設計など、多くの試行錯誤を重ねることで一つのWebサイトが成り立っていることを理解しました。

特に採用サイトでは、企業の世界観や価値観を伝え、ユーザーに“働くイメージ”を持たせることが重要であると感じ、「1日のスケジュール」CTAを設けることで、実際の働き方を具体的に想像できる導線を設計しました。

今回の制作を通して、普段何気なく見ているWebサイトも、情報設計・導線設計・表現の工夫が積み重なったものであり、技術だけでなく作り手の意図や想いが込められていることに気づきました。


08【実際のサイト】

(現在ブラッシュアップを進めているため、デザインカンプと実装内容に一部差異がございます)

http://mikinowebsite.itigo.jp/


WEBSITE