” 架空LP ” ベビー用品事業TUSTUSMU求用サイト（デザイン・コーディング）
01. 制作時間・使用ツール
合計 94時間
内訳）情報設計：20h、デザイン制作：30h、コーディング：44h
使用ツール）Photoshop / HTML / CSS / jQuery
【TUSTUSMU Webサイト】
02. 制作物
03.クライアント概要・要件整理
| クライアント
TSUTSUMU様
| 事業内容
ベビー用品を中心に、フォトブック事業・育児サポートコミュニティ事業を展開。
今後はパパママ向けの新規事業も予定。
| 制作依頼内容
ベビー用品事業を軸とした企業の「求人サイト制作」。
| ターゲット
企業理念やビジョンに共感できる方
多様な働き方を求め、自分らしく働ける環境を探している方
長期的なキャリア形成を考える転職希望の方
| 目的
- 企業の想いや社風を理解し、TSUTSUMU の世界観に共感・カルチャーフィットする人材の応募へつなげる
「会社のビジョンに共感し、理解して、ここで働きたい」と思える求職者に魅力が伝わる構成
エントリーまでの導線をシンプルにし、応募行動につながりやすくする
| ゴール
TSUTSUMU のビジョンや世界観に共感し、カルチャーフィットできる人材からの応募数を増やすこと。
04. 情報設計
クライアントから提示された要件やターゲットをもとに、企業理念や働く環境に共感し、長期的なキャリア形成を望む求職者像をペルソナしました。
その上で、応募までのハードルやサイト上で求められる情報を整理し、ペルソナの行動や感情の流れをユーザーストーリーとして設計。
05.ムードボード・スタイルガイド
06.デザインポイント
サイト全体のデザイン方針
サイトの全体のデザインは、シンプルさをベースにしつつ、赤ちゃんそして家族を大切に思う会社理念が伝わるように笑顔が溢れる家族写真を使いました。求人サイトとしての間口を広げるため、甘くなりすぎない信頼性のあるパステルカラーを使い、アクセントカラーにはオレンジ色を起用しています。
07.学び
今回の制作では、情報設計からワイヤーフレーム作成、デザインカンプ、レスポンシブ対応、実装まで、一連のWebサイト制作工程を初めて経験しました。特にレスポンシブ対応や実装では多くの課題に直面しましたが、自ら調べながら解決する力を身につけることができました。
また、デザイン面では見た目の美しさだけでなく、ユーザーが迷わず情報を理解し行動できる導線設計の重要性を学びました。情報設計やワイヤーフレームの段階で目的やターゲットを整理することで、より伝わりやすいデザインにつながることを実感しました。
今回の経験を通して、デザインだけでなくWeb制作全体への理解を深め、自信につなげることができました。今後も新しいことに積極的にチャレンジしながら学び続け、より良いデザインを届けられるよう成長していきたいと思います。