【課題:架空案件】LP制作(デザイン/コーディング)

OVERVIEW

SHElikes MULTI CLEATOR COURSE Designerの課題として架空のクライアント設定のもと、Webページのデザインからコーディングまで、制作の一連の流れを実践的に学びました。

・制作時間:約80時間(デザイン2週間、コーディング3週間)

・担当範囲:情報設計・ワイヤーフレーム・デザインカンプ・コーディング(レスポンシブ)

・使用ツール:PhotoShop、HTML、CSS、jQuery


◆制作物



◆依頼内容


◆デザインコンセプト

想いの伝わる求人サイト


配色:オレンジやピンクをベースにし、花のイラストをあしらって、温かく優しい世界観を表現

◆デザインのポイント

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

実際に手を動かしてコードを書くことで、HTMLやCSSの基礎的な構造や命名のルールをより深く理解できました。また、思い通りに表示されないときのデバッグ作業を通して、エラーの原因を一つずつ検証していく根気強さも身についたと感じています。


◆頑張ったポイント

想いが伝わる構成とやさしさが伝わるビジュアルを両立させたことです。
トップビジュアルには親子の笑顔の写真を使用し、第一印象で企業のあたたかさが伝わるようにしました。
また、コンテンツの流れを「想い→事業→人→働き方→募集」という順に設計することで、読む人の感情に寄り添いながら自然と理解が深まるよう工夫しました。