【実践課題】採用サイト制作(PC/SPデザイン・コーディング)

OVERVIEW

SHElikes MULTI CREATOR CORSEの課題で、ベビー用品事業等を行う企業の採用サイトの制作に取組みました。クライアントからの要件書を元に、PCとSPのデザインカンプを制作し実装を行いました。SP用のレスポンシブ対応もしています。

目次

1.制作物

2.要件定義・ペルソナ

3.工夫した点(情報設計)

4.工夫した点(ビジュアルデザイン)

5.制作を通して得たこと


1.制作物

制作時期:2024年6月
制作期間:5週間
制作範囲:ペルソナの設定・情報設計・ワイヤーフレーム・デザインカンプ・コーディング(レスポンシブ対応)

使用ツール:Photoshop,VScode


2.要件定義・ペルソナ


3.工夫した点(情報設計)

4.工夫した点(ビジュアルデザイン)


5.制作を通して得たこと

  • ペルソナ設定とサイトの目的を理解して制作すること
  • 基本的なコーディング知識
  • コーディングやレスポンシブ対応を念頭に置いた情報設計とデザインカンプの制作
  • 検証ツールの活用
  • 上手くいかない時に調べて自分で解決・答えを探し出すこと