t's space.

TSIT coffee

カテゴリ Web
制作期間 24時間
使用ソフト Wireframe.cc, Photoshop

Flow

制作過程

概要

架空のコーヒーブランド「TSIT coffee」の 「美味しいコーヒーの淹れ方」 を追求するコンテンツページを作成しました。

「TSIT coffee」の要件定義

TSIT coffeeは、独自のルートでコーヒー豆を輸入し、オリジナルブレンドしたコーヒー豆を「TSIT」として、名古屋の直販店で販売している。名古屋駅本店では、ブレンドの販売とともに、カフェも併設し好評を博している。もちろん、ECにも力を入れており販路を全国へと拡げている。
オンラインショップで購入したお客様に、自宅で美味しくコーヒーを楽しんでいただきたく「美味しいコーヒーの淹れ方」を訴求する”コンテンツ”を制作したい。
ブレンドコーヒー「TSIT」を美味しく飲むための、用品・淹れ方をわかりやすく紹介して欲しい。

工夫した点

  • 初めてコーヒーを淹れる方にも分かりやすいように、方法からコーヒーメーカーの選び方まで載せ、様々な選び方があるというのを明確化しました。
  • コーヒーメーカーの選び方を、様々なユーザーを想定して、価格の低いものから高いものまで掲載しました。
  • コーヒーの雰囲気を出すべく、サイトデザインをコーヒーの色にし、余白を十分に取るようなものにしました。

感想

洒落たサイトデザインというコンセプトのもとで作成しましたが、デザインよりも内容に気を配りすぎたため、もっと初心者向けなデザインにしてみたほうが面白いものになるのかなと思いました。

全体の画像