• TOP
  • WORKS
  • ECサイト（デモサイト）

ECサイト（デモサイト）

Demo Site
(ECイメージサイトはこちら)

PRIVATE WORKS　2022.07.20

ECサイト（デモサイト）

制作のポイント

サステナブル製品の EC サイトを想定し、WEB ページデザイン・コーディングを行いました。

・モックアップを使用した全商品の作成
・全 6 ページ＆レスポンシブ対応

※カート機能を除く

制作範囲

  • デザイン
  • コーディング
  • 構成

制作期間

  • 10日

使用ソフト

  • Adobe Photoshop
  • Adobe Illustrator
  • Visual Studio Code

制作設定

“廃棄” となった特産物の地産地消を目的として製造販売を行うメーカー様からブランドの確立と認知度向上を目標に、新商品の発売と同時に EC サイト開設をご依頼いただいた設定で作成。

ターゲット想定

  • ・10 代後半～女性（メイン）
  • ・20 代～男性
  • ・オーガニックに関心を持つ方
  • ・サステナブルに興味がある
  • ・都心から移住を考えている方
デザインイメージ

  1. ① メインカラーは白、グレー、差し色に深緑を選定。“自然由来成分 100%” の商品であることを表現。

    • #FFFFFF#FFFFFF
    • #313232#313232
    • #4e5f37#4e5f37

  2. ② フォントは幅広い年齢層に利用いただくことを想定。ゴシック体の Noto Sans Japanese を使用。

    • Noto Sans Japanese
    • ABcd　あいうえお　日本語

  3. ③ 要素毎に余白を充分に設けることで、商品を引き立たせ、スタイリッシュに見せることで農業廃棄物のイメージを払拭。

デザインイメージ

TOP画面

TOP画面

NEW ITEM画面

TOP画面

一覧に戻る

お問い合わせはこちら

CONTACT

Go to top