【課題/想定案件】採用サイトのLP制作・実装

OVERVIEW

SHElikes MULTI CREATOR COURSEの課題でTSUTSUMU株式会社の採用サイト制作に取組みました。クライアントからの要件書をもとに、ペルソナ・ユーザーストーリー・要件定義・デザイン・コーディング・サーバーアップまで実施しました。

YEAR 2023

制作時間:約80時間

使用ツール:Photoshop ・VSコード(CSS、HTML、jQuery)

目次

① 要件
② 制作したLP(PC/SP)
③ 工夫したこと
④ 制作を通して学んだこと


① 要件

◆クライアント情報

クライアント名:TSUTSUMU株式会社

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

◆ターゲット

  • 転職希望の方
  • 報酬面よりもTSUTSUMUがつくっていきたい世界に強く共感してくださる方
  • 各職種において全くの未経験よりは経験を重視したいが、それよりもカルチャーフィットしている人がターゲット

◆目的

LPを通じてエントリーしてもらうこと(採用強化のためできるだけたくさんの応募がきて欲しいが、エントリーがあれば誰でもいいわけではなく、カルチャーフィットする方に応募してもらいたい)

◆トンマナ

ペルソナを参考にして制作をしてほしい(正確なトンマナは決まっていない)


② 制作したLPおよび実装サイト(PC/SP)


③工夫したこと

◆コンセプト・配色

◆装飾

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

◆デザインカンプ~実装までの流れ

クライアントからの要望をくみ取り、トンマナやペルソナの情報をまとめデザインカンプを制作して実装まで行うことができました。また実装の際にはマークアップを制作することで、作業がスムーズになり、統一感のあるサイトになることを学びました。

◆コーディングを意識したデザインカンプの制作

デザインカンプを制作するときに、ここはどうしたらコーディングがスムーズにできるだろうか?と考えながら制作を行いました。結果的に余白が合わず、装飾も付けたい位置からずれてしまったので、今後はコーディングをより意識し、スムーズに実装までできるようスキルを磨きます。