LP制作（PC/SPデザイン・実装）

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

【使用ツール】Photoshop /Atom（CSS、HTML、jQuery）

制作したサイトはこちら

＊デザインカンプ

＊工夫したこと

クライアントから提示された情報を自分なりに分析し、ペルソナを設定しトンマナ、デザインコンセプト、情報設計に落とし込みました。提案資料は必須ではありませんが、実際に顧客提案することを想定し下記資料を作成しています。

＊制作を通して学んだこと

１．画面を通した印象を大切にしたデザイン

レイアウトや配色について実装した画面を見た時に印象が違う部分があり、デザインカンプで作成したデザインから微修正をしました。デザインカンプをそのまま表現するのではなく、実際にPCやスマホで見た時のユーザーの印象を大切にすることを学びました。

２．ユーザーストーリーを深く考えることの重要性

要件の情報から自分でペルソナを設定しサイトを通してどういう印象（体験）を与えたいか深堀りをしました。その結果をもとに、情報設計で各セクションの順序、写真で伝える箇所・文章で伝える箇所を整理し、デザインに繋げています。深堀りをすることでデザインでぶれることが少なく軸をつくる大切さを学びました。