【実践課題】LP制作(デザイン・コーディング)

OVERVIEW

SHElikes MULTI CREATOR COURSEの実践課題で、架空の採用サイトを作成ました。 デザインからコーディングまでWebページ制作の一連の流れを習得しました。

制作期間:約5週間(デザイン2週間、コーディング3週間)
制作範囲:情報設計・ワイヤーフレーム・デザインカンプ・コーディング(レスポンシブ)

実際のサイトはこちら
----------------------------------------------------------------------------------

成果物

----------------------------------------------------------------------------------

課題概要

情報設計

LPの制作目的やターゲットから、ペルソナを作成しました。

・メインビジュアルと「世界を優しさでつつむ」というキャッチコピーで興味を持ってもらう。

・「私たちについて」で会社の思いを説明し、事業内容を見ることで理解と共感を生む。

・「メンバー」で社員の思いを見せユーザーがTSUTSUMUで働いている姿を想像でき、

 「働く環境」を紹介することで安心して働ける職場だと思う。

デザインコンセプト

■デザインで目指したい方向性
#温かみのある印象 #柔らかい #希望が見える #明るい #穏やか #シンプル

■表現方法

温かみのある印象・柔らかい:包まれた時に感じる暖かさをメインカラーで表現

希望が見える・明るい:光を多く取り入れられた写真を選択

穏やか:丸みのあるゴシック体

シンプル:余白を多くしてシンプルを表現

工夫したこと

制作を通して学んだこと

・依頼を基に情報設計から実装までを行いました。

・情報設計では特にペルソナが世間からかけ離れていないかを意識しました。

・デザイン制作ではクライアントの世界観を伝えるため、「TSUTSUMU」から想像される柔らかさや温かさが伝わる配色を意識しました。

・様々な会社の採用サイトを参考に見やすいサイトになるように意識しました。

・コーディングしやすいように意識したデザインを考えました。