架空案件 - ベビー事業採用サイト制作

OVERVIEW

SHElikes PRO デザイナーの実践課題として架空のベビー事業会社の採用サイト制作に取り組みました。クライアントの要件を元にペルソナ設定、ワイヤーフレーム、デザインカンプ、コーディングの制作をしました。

YEAR 2025

■制作について

  • 対応範囲:要件定義・情報設計、PC/SPのワイヤーフレーム及びデザインカンプ、コーディング、サーバーアップ 
  • 使用ツール :Figma、photoshop、VS Code、Filezilla
  • 制作時間:30時間

■制作物


■クライアント情報

TSUTSUMU株式会社

ベビー用品をメインとし、ママの育児をサポートするコミュニティ事業や家族みんなが幸せになるフォトブック事業などを展開している。軸はベビー用品だが、今後ママ・パパ、家族向けのサービスも展開していく予定をしている。


■要件

●ターゲット

転職希望の方(性別問わず)

全くの未経験よりは経験を重視したいが、報酬面やスキルよりもTSUTSUMUが作っていきたい世界に強く共感してカルチャーフィットしている方


●目的

採用サイトを通してエントリーをしてもらうこと。採用強化のためできるだけたくさんの応募がきて欲しいが、カルチャーフィットする方に応募してもらいたい。


●トンマナ

明確なものはなし。事業内容にあうトンマナを自由に提案OK


■情報設計

●コンセプト

”やさしさにつつまれる”から、自然素材で体に優しいものを連想して、[ナチュラル]・[オガニック]・[柔らかい]・[自然素材]・[無垢]・[自然光]をキーワードにした「ナチュラル&オーガニック」をコンセプトにしました。


●トンマナ

  • カラーリングはベージュ&茶色系を中心としたナチュラルカラーを選定して、柔らかさを表現しました。採用サイトなので子供っぽくなりすぎないように意識しました。
  • フォントは、柔らかさを表現したZen Maru GothicとTSUTSUMUのロゴフォントに近いJostを選定しました。いずれもGoogleフォント対応です。あしらいには、手書きフォントの「空とひこうき」を入れてアクセントにしています。


●ペルソナ


●ユーザーストーリー


■ワイヤーフレーム


■ビジュアルデザイン

●各セクションのタイトル

TSUTSUMUの世界観を出すために、文頭を「私たちの〜」に統一して、それぞれ用語を言い換えしました。また、柔らかさを表現するために、あえて英語は使わず、ひらがなにしました。

  • 事業内容→私たちのおしごと
  • 働く環境→私たちのいきかた
  • メンバー紹介→私たちのなかま
  • 募集要項→つつむ活動の募集


■制作を通して学んだこと

「TSUTSUMU」の世界観を体現することと、採用サイトとして企業に対する信頼感を維持することのバランスを特に重要視し、特定の世代に偏見なく受け入れられるように意識しました。

・色彩設計においては、ブランドの持つ繊細さや温かみを表現するトーンを選定しつつ、明度や彩度を緻密に調整することで、子供っぽい印象を払拭するアプローチが有効であることが確認されました。

・写真素材の選定においては、情緒的価値と写実的価値のバランスを考慮することが重要であり、クオリティの高いビジュアルを用いることで、ブランドの魅力と信頼感を同時に伝える効果が実証されました。これらのアプローチを通じて、ブランド体験と企業イメージの向上に繋がる知見を得ました。

・高度なアニメーションの導入は次期フェーズのブラッシュアップ項目として計画し、今回の提出物では「現状のスキルで確実に成果を出せる範囲」にスコープを限定しました。これにより、提案全体の安定性と完成度を担保しています。

現状の成果に満足せず、さらなるクオリティ向上を目指しています。今後は、アニメーション技術やよりリッチな表現手法を習得し、継続的に本作品のブラッシュアップを図っていく予定です。

WEBSITE