採用サイト制作 │ 株式会社TSUTSUMU
OVERVIEW
SHElikes MULTI CREATOR PROJECTの課題で、ベビー用品事業等を行う企業の採用サイトの制作に取組みました。クライアントからの要件書を元に、PCとSPのデザインカンプを制作し実装を行いました。SP用のレスポンシブ対応もしています。
架空の企業の採用サイト(SHElikes MULTI CREATOR COURSE の実践課題)
・クライアントより提供されたワイヤーフレームの修正(PC)
・デザインカンプ(PC/SP)
【制作期間】約21日(デザイン9日/コーディング12日)
└ 情報設計〜ワイヤーフレーム:32時間
└ デザイン:40時間
└ コーディング:96時間
【使用ツール】 Illustrator、 figma、Visual studio code
制作物
課題要件
情報設計
ページ設計
制作の工夫
工夫したこと・頑張ったこと
⚪︎要件定義
・お客様の目的とターゲットのご要望から情報設計/ペルソナ設計をしっかり整理することで、情報の優先順位を踏まえた効果的なサイト構成をスムーズに組むことができた。
⚪︎サイトデザイン
・採用サイトの見せ方(UIUX)も併せて、各セクションの見せ方、文言の書き方を分析しました。
・キッズやベビーのサイトでの温かさのデザインをどのように表現しているのか分析し
目的とターゲットにささるトンマナに落としこみました。
⚪︎コーディング
・課題を通してHTMLやCSSの役割を理解しました。
また、デザインの構成によってはコーディングがかなり難しいこと、その点を把握した上で現時点のできる範囲のデザインを時間内に制作することが大切だと学びました。
今後も自主制作を重ねslickやJQueryの実装方法、アニメーションの理解を深めていきたいです。