Shibu Cafe

サイト名 Shibu Cafe
URL http://p-rocket.com/ShibuCafe/
概要 カフェサイト
使用技術 html, css, jQuery
制作時期 2016年11月
制作期間 1ヶ月ほど

レスポンシブ対応のカフェサイトです。(架空のカフェです)

モバイルサイズでメニューを開くと、各メニューのティーカップに向かって、ポットが傾く仕掛けがこだわりです。

画像素材以外のオブジェクト(カップやポットを含む)は、CSSで実装し、ページが重くならないように配慮しています。

幅広い年代層の利用者が想定されていたので、全体的に落ち着いた色合いのサイトにしました。

十分に余白をとって、見やすくなるようにも工夫しました。

top