コーヒー&ロースタリー アミーゴ

概要

清澄白河にある架空のカフェのWebサイト。コスタリカの農園から直接豆を買い付け、店内で焙煎し、カフェ営業とオンラインショップも行っている。

URL

https://momoe-nagai.com/amigo/index.html

担当

デザイン・コーディング・Photoshop・Illustrator

サイトの目的

サービスの認知と新規クライアントの獲得、ECサイトでの売上拡大

ターゲット

20代~40代までの流行に敏感な男女、週末はカフェ巡りが好き

デザインについて

トップページの情報導線は、どんなコンセプトのカフェなのか知ってもらい→カフェメニュー→店舗情報にして、お客様がこのカフェを利用する特別感を高めてから商品メニューに触れられるようにしました。カフェページではスペシャルサイトにつながるページを作り、オリジナルのスムージーがネットで注文できるイメージでデザインしました。

コーディングについて

jQueryを利用して動きのあるサイトを作っています。
・トップページの豆の紹介スライダーは、工場のベルトコンベアーのように、焙煎された豆が運ばれてくるようなイメージになればと考えました。
・カフェメニューのページでは、スペシャルコンテンツサイトに通じるリンクを作り、お客様がオリジナルのスムージーを作成し、そのままウェブ注文できるような設計にしています。