ティー(中国茶)スタンド様のHPを作成

WorldTree-Tea&Coffee様_FV

ローコード制作によるG-conureオリジナルデザイン

これから開店されるティースタンド店舗様にご依頼をいただき制作したホームページです。
いまや韓ドラから華流ドラマ、アジアドラマまで楽しむ中年女性が多いそうで、それに伴い中国やアジアの文化に興味持つ方も増えているとのこと。そうした方々の楽しみの一つが中国茶を淹れて飲むことでもあり、WorldTree様では、これからお茶を提供するスタンドを開店するとともに、文化を学ぶワークショップも開いていかれるそうです。

たくさんの写真素材をご提供いただきましたので、ページの中でお茶を淹れる様子、茶器の数々を見ていただけることを意識した写真多めのページとしました。フロントビューはじっくり見ていただける静止画とし、その下にコンセプト説明と共にスライドショーで世界観を更にお楽しみいただけるセクションを設けました。
ベースとなる色合いは、ロゴのWorldTreeの幹の部分、こげ茶色を展開した落ち着いた色合いです。ゆったりとお茶を淹れて楽しんでいただけますと良いですね。

  • 配色:中国茶の色合いも想起させる薄いこげ茶色をベースに、濃淡によるリズム付け
        タイトル文字もこげ茶色で落ち着きを意識
        ロゴにも使われている花茶を思わせるピンクによって落ち着きあるアクセント
  • トップビュー:画面いっぱいに中国茶の世界が広がる様子を、明暗と縮尺のアニメーションで表現
        スマホでは下部セクションのロゴも少々被せてコンセプトの閲覧へ誘導
  • 構成:ワークショップの紹介セクションでは、特別感がでるよう写真ベースの背景
        アクセントカラーもイエローで少々ワクワク感
        茶色を重ねた背景との対比で、サムネイル的に使っている写真にはブルー系が多めなものを用い目立つように
  • フォント:基本は明朝系フォントを用い、上品さを表現
        タイトル類にはロゴと同様のゴシック系を用いて統一感と目に入りやすさを考慮

WordPressテーマ”Snow Monkey”によるローコード開発制作事例です。

WorldTree-Tea&Coffee様_TOPページ
WorldTree-Tea&Coffee様_TOPページ
WorldTree-Tea&Coffee様_スマホページ
WorldTree-Tea&Coffee様_スマホページ