ベビー用品事業の採用サイト

OVERVIEW

SHE likes PROデザイナーコースの課題で、TSUTSUMU株式会社の採用サイトを作成しました。 使用ツール・言語:Figma / Photoshop / HTML / CSS / jQuery 制作期間:3週間 情報設計~デザイン:16時間 / コーディング:21時間

YEAR 2026

【 公開URL 】

http://brave-ebino-6192.noor.jp/

【 制作したデザインカンプ 】


【 対応範囲 】

要件定義 / ペルソナ設計 / ワイヤーフレーム / ムードボード / デザインカンプ / コーディング / サーバーアップ

【 制作の流れ 】

① 要件定義


②ペルソナ


③ユーザーストーリー


④テーマ・コンセプト決定

・テーマ

「TSUTSUMUのビジョンや世界観に共感する人と出会える採用サイト」

・コンセプト

「働く環境や募集職種よりも先に価値観・空気・人の温度を知る。読み進めるうちに、“ここで働く”が想像できる情報設計。」


⑤ワイヤーフレーム作成


⑥ムードボード作成

https://pin.it/b9BflD3m5

https://teteandtetebabyroo.wixsite.com/website

https://www.nunocoto-fabric.com/?pid=158754081


⑦デザイン作成

【 工夫した点 】

全体的に、柔らかく温かみのある雰囲気でデザインしています。企業イメージと採用サイトとしての真面目な印象のバランスを考慮し、女性はもちろん男性にも見てもらいやすいデザインを意識して制作しました。写真も全てリサイズ・レタッチをして綺麗に見せることでトンマナが崩れないようにしています。


⑧コーディング・サーバーアップ


【 学び 】

コーディングのことを考えながらデザインカンプを作成したつもりだったが、いざコーディングを初めると理想通りの実装が難しい箇所があり、実装できるか否かを判断するためにももっと色んなサイトを研究したりする必要があると感じました。

WEBSITE