M.Studio

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

個人制作 / デザイン

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

Overview 案件概要

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

Point デザインのポイント

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

PC パソコン

scroll

コーヒーショップ PC版デザイン TOPページ

SP スマートフォン

scroll

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