【課題制作】Webサイトトップページ制作

OVERVIEW

SHElikesのWebデザインコース実技試験に取り組みました。要件定義からデザイン、コーディング実装まですべて実践しました。[制作期間:4ヶ月 / 使用ツール:Photoshop、Atoms]

YEAR 2022

目次

1.制作事例

2.課題概要

3.要件定義

4.情報設計

5.デザインコンセプト・カンプ

6.こだわったポイント


1.制作事例


2.課題概要


3.要件定義


4.情報設計


5.デザインコンセプト・カンプ


|デザインコンセプト


|デザインカンプ


6.こだわったポイント

・【要件定義】内容とデザインイメージにおいては、サイトの目的「安心して頼めるショップだと知ってもらうことで新規層に商品購入に踏み切ってもらう」を達成することを特に意識した。

・【デザイン】ポップさではなく『信頼感』を与えるために変形は使わず、直線とシンプルさ(余白など)を意識した。

・【コーディング】デザイン同様、アニメーションは最小限にしてシンプルさを意識しつつも、使いづらくないようにホバーやアニメーションを少しいれた。



このページは以上です。

最後までご覧いただきありがとうございました。