【イケてるデザイン紹介vol.1】タリーズコーヒー

こんにちは
webデザイナーの
やましたたけしです。
今回は、タリーズコーヒーの
サイトレビューをしていきます。
サイト名:タリーズコーヒー( http://www.tullys.co.jp/ )
種類 :カフェ
ターゲット
30代~50代向け
主婦、サラリーマン
豆にこだわり
サイトの目的
商品紹介
新商品案内
横展開事業告知
イベント告知
wifiにつながると開かれる
→wifiにつなぐのは長居する可能性がある
→追加注文を促す効果
サイト構成
PC
1段目:ヘッダーにスライドバナー
2段目:キャンペーンとスクール事業動画
3段目:時間によるピックアップ商品
4段目:コラム、客声
5段目:情報
6段目:備考
7段目:SNSリンク
SP
同じ
カラー
ベース | #ffffff |
サブ | #f7f6f1 |
ボタン | #301c0f |
マージン
PC
セクション間隔:5%
注目させたい部分:120px
その他:30px
その他:50px
その他:60px
SP
セクション間隔:40px
コラム間隔:16px
文字間隔:12px
バナー、画像リンクの間隔:20px
レビュー
- トップバナー
新作ドリンク→新作サンド→ピックアップデザートの順でスライド - コラム部分のグラデーションは
スクロールしたくなる - 時間帯によるピックアップは意図が明確
- 客声コラム部分はいくつか記事の重複があるので
かぶっているものは消したほうがいいかも - コラム部分、縦50px、横30pxの間隔はとてもきれいに見える。
山下毅
最新記事 by 山下毅 (全て見る)
- 相談に対するこちらの姿勢について - 2019年12月18日
- 実はもう、理想の生活手に入れてたっぽい - 2019年12月18日
- 【早く気付いて】承認欲求を満たす行動で、あなたは大損こいてます。 - 2019年12月18日