【課題】LP制作と実装:採用サイト(ワイヤーフレーム〜コーディング)

OVERVIEW

SHElikes MULTI CREATOR COURSE Designerにて架空クライアントからの要件書を元に、ワイヤーフレーム作成からデザインカンプ作成、実装、サーバーアッ プまでを行いました。【制作時間:約75時間 制作期間:約6週間(カンプ2週間・コーディング4週間)

YEAR 2023

■要件

クライアント情報

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

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

ターゲット

・ 転職希望の方

・ 報酬面よりもTSUTSUMUが作っていきたい世界に強く共感してくださる方

・ 各職種において全くの未経験よりは経験を重視したいが、それよりもカルチャー フィットしている人がターゲット

目的                                          

 LPを通してエントリーをしてもらうこと 

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

①制作したLP                           



②情報設計

・要件定義をもとに、ペルソナの設定、ユーザーストーリーを作成しました。

・要件と必要要素、設定したペルソナ・ユーザーストーリーをもとにトンマナ、コンセプトを検討しました。

★トンマナ:ベビー用品が軸となり、今後はさらにパパママ・家族向けのサービス展開を想定しているため、子どもと会社の成長を重ね、新芽の黄緑をベースカラー、陽だまりのオレンジをメインカラーとしました。また開花をゴールの位置付けとして、ピンクをアクセントカラーに設定し、エントリーボタンに使用しました。

★コンセプト:トンマナの設定通り、新芽の絨毯(背景カラー)にしました。あしらいには陽だまりのほんわか手書きのような丸と雲のような白をランダムに配置し、温かみを演出しました。また、リクルートサイトであるため、2種のエントリーボタンは、正円と角丸の四角にし、緩さではなく、ゴール時点では覚悟が決まった応募する気持ち表現しました。さらに最下部のボタンに付けたホバーは、ドキドキの気持ちを乗せ、心臓の様な動きにしました。

③頑張ったポイント/工夫した点

プロのデザイナーになるため、締切厳守で今できる最大限を発揮できるようシラバス通りに作成しました。ペルソナ・ユーザーストーリー設定にも時間を費やしたことで、デザインカンプの制作は2週間ほどで作成、その後の実装に向けてブラッシュアップ含めコーディングは4週間かけて、PC版を作成しました。

④課題を通して学んだこと

今回はコーディングが初めての作業で、レスポンシブ対応に苦戦しました。ですが、日頃の自分の環境を考えるとスマホで情報を得ることが多いため、実装まで作業する際は、PCのみではなくレスポンシブ対応もできるデザイナーにならないといけないと実感しました。