概要
架空のカフェのCoffee&Roastery Amigo!のWebサイト内に設置しているコンテンツです。
オリジナルのスムージーが作れ、そのままWebでオーダーできるようなイメージで制作しました。
URL
https://momoe-nagai.com/smoothiemaker/index.html
担当
デザイン・コーディング
※サイト内で使用しているイラストはフリー素材のものを使用しています。
サイトの目的
モバイルオーダーでの売上拡大
ターゲット
20代～30代までの男女、SNS好き、カフェでは自分好みのカスタマイズをよくする
デザイン・コーディングについて
jQueryを利用して動きのあるサイトを作っています。 ユーザーがクリックした果物が、ジャンプしてブレンダーに入っていくようにコーディングしました。全体的にPOPなデザインで、牛をクリックすると逃げていくコミカルさも演出しました。