M.Studio

コーヒーショップ ECサイト 

個人制作 / デザイン

コーヒーショップ ECサイト

Overview 案件概要

クライアント コーヒーショップ(架空)
作成目的
  • 店舗の売上だけでなく、オンラインショップを開設して売上に繋げる。
  • ShopifyのCMSを用いて、ショップをオープンする。
ターゲット
  • 30代〜50代の男女、会社員。
  • コーヒーを日常的に飲む、気に入るコーヒーを探している。
  • 特にレビューを気にする。
制作期間 2週間
使用ツール Figma、Photoshop

Point デザインのポイント

サイト
  • Shopifyでの構築を想定したデザインの作成。
  • コーヒーを飲むシーンがイメージできるよう、色々な生活シーンの画像を選定。
  • オススメ商品やお試しセットなどのレイアウトを作り、初めての方が購入で迷いにくくなるように工夫。
フォント
  • Yo Gothic メインビジュアルに使用
  • Noto Sans JP 見出しに使用

PC パソコン

scroll

コーヒーショップ HOME PC版 コーヒーショップ 商品一覧 PC版 コーヒーショップ 私たちについて PC版 コーヒーショップ ご利用ガイド PC版

SP スマートフォン

scroll

コーヒーショップ SP版デザイン TOPページ コーヒーショップ SP版デザイン 商品一覧ページ コーヒーショップ SP版デザイン 私たちについて コーヒーショップ SP版デザイン ご利用ガイド