2作目に制作したサイトです。女性や子供に人気の自社キャラクターグッズを販売するECサイトを想定し、トップページ/商品一覧/購入ページの3ページを制作しました。 商品画像には自分で描いたイラストを使っています。
担当・制作時間
ワイヤーフレーム(10h) デザインカンプ(13h) 画像作成(28h)
コーディング(19h 内訳：トップページ8h/商品一覧7h/購入ページ4h) レスポンシブ(10h)
VisualStudioCode / Figma / Photoshop / Illustrator
サイトの目的
既存顧客の購買促進、店舗がない地方での新規顧客獲得、キャラクターにより親しみを持ってもらう
ターゲット
10~40代女性
デザインについて
メインカラーにイチゴ色(#BA154F)を使い、大人から子供まで共通するかわいらしさを表しました。
利用者に会員登録を促すため、会員情報の付近にキャラクターを配置して目を引くようにしています。
また、回遊性を高めるため、常におすすめ商品がページ下部に表示されるようにしました。
コーディングについて
商品画像が見やすいよう、jQueryを使ってサムネイルで選択した画像が大きく表示される仕様を作りました。商品一覧はグリッドレイアウトを活用して、商品情報や価格表示をきれいに整列させました。
