ベビー用品事業会社 採用サイト(デザイン・コーディング)

OVERVIEW

SHElikes PROデザイナーコースの実践課題 【担当範囲】情報設計、デザイン、コーディング 【使用ツール】Figma、Photoshop、Illustrator、 Adobe Dreamweaver 【制作時間】デザイン25時間+コーディング45時間 約5週間

YEAR 2025

| 制作物

制作サイトはこちらからご確認ください。

| 課題要件


| ペルソナ


| ユーザーストーリー


| 情報設計(ワイヤーフレーム)


| デザインコンセプト

コンセプト:新たな命の成長をそばで見守りながら、自分自身も成長できる

キーワード:優しい 温かい 成長 活き活き

使用フォント:Zen Maru Gothic

セクションタイトルに用いたアイコンには赤ちゃん/家族/TSUTSUMUが重なり合っている様子を表しており、TSUTSUMUが目指す世界を一緒に創り上げていきたいという想いを込めています。

セクション区切りに双葉のイラストを並べており、赤ちゃんの成長を見守るTSUTSUMUスタッフも一緒に成長していく様子をイメージしています。

| 工夫点

ヘッダー


メインビジュアル


私たちについて


メンバー


働く環境

CTA


| 課題を通じて学んだこと

求職者が必要とする情報と、TSUTSUMUが提供したい価値のマッチする部分から順にお伝えできる設計を意識しました。

自分自身も採用サイト含めて様々な情報をwebサイトを通じて得ていますが、見やすい・わかりやすいと感じる構成には共通点があると思いました。

見る人がどう考えるかというユーザーストーリーの部分が丁寧に考えられていること、ざっくりとしたペルソナではなく、「この人に届けたい」と具体的なペルソナが決まっていることは、webサイトをデザインする前に必要な過程であることが改めてわかりました。

落ち着いた、温かみを感じられるデザインにしたいという一方で、メリハリがつけづらい・単調になってしまうといった壁もあり、どうすればテンポ感のある見せ方ができるか考えるところは、難しくもあり楽しい部分でもありました。

実際にデザインカンプからコーディング実装に入るまで、できそうでできないという壁も感じましたが、この経験を活かしてワイヤーフレームやデザインカンプの段階から、実装を意識した配置も考えていくことが大切だと感じました。


| 課題に対するFB

  • 企業が伝えたいイメージやLPの目的など、情報設計の段階からよく考えられている
  • ムードボードにあった配色やビジュアルイメージでトンマナを表現できている

といったコメントをいただきました。

採用サイトの完成をゴールにせず、出来上がったサイトを通じて依頼主の方からどんな価値を求められているのかを常に意識しながら、今後も制作に取り組みたいと思います。

WEBSITE