topBtn

pclogo splogo

menu

紅茶専門店「TearoomSpica」

URLはこちら

レスポンシブ対応(スマートフォン、PC、iPad)
※外部サイトに移動します

works01pc画像 works01sp画像
友人が経営している紅茶専門店のサイトを制作いたしました。
紅茶とお菓子の魅力を伝えて、お店に来店してもらえるようなサイトを目指しました。店舗の諸事情により、現在サイトは使用されておりません。過去の実績として掲載許可されております。

概要

【店舗の基本情報】
立地 : 栃木県内の栃木駅から自動車で約10分
商品 : 紅茶をメインとする飲料とイギリスのお菓子の提供
店舗 : 紅茶の専門店
※PDF閲覧ページに移行します
【制作範囲】
企画、ワイヤーフレーム
写真撮影、イラスト作成、素材加工
デザイン、コーディング
【制作期間】
企画、ワイヤーフレーム : 2週間
写真撮影、イラスト素材作成、素材加工 : 2週間
デザイン : 3週間
コーディング : 1ヶ月1週間
3ヶ月(2021年2月〜4月)
写真、イラスト素材全て自作しました。
【使用ツール】
素材作成
使用ソフト画像使用ソフト画像使用ソフト画像使用ソフト画像
WF、デザイン
使用ソフト画像
コーディング
使用ソフト画像

課題と解決策

【クライアントの課題】
①PR不足
②若年層の顧客が少ない
③店舗の認知向上
上記の課題解決の為にサイトを制作させていただきました。

コンセプトとデザイン

【コンセプト】
「 落ち着いてゆったりできる紅茶専門店 」
商品の美味しさについで店内の快適さも求めるニーズがあり、 空間と美味しさの提供に焦点をあてています。
【デザイン】
·店舗の情報量を抑えて分かりやすさを重視
·商品写真から商品の美味しさを伝える
·色と明朝体でお店の雰囲気を演出
·あしらいでお店の商品のイラストを使用して親しみを与える

サイト設計

【TOPページ】
メインビジュアルで内装や紅茶と焼き菓子の写真4枚を、ローテンションさせて雰囲気を感じてもらう。
SNSを分かりやすく設置して、店舗情報を知ってもらえるように工夫。
【Aboutページ】
店舗の魅力と取扱商品のこだわりを写真とテキストでわかりやすく表現。
【Menu&Drinkページ】
取扱い商品を掲載して写真から美味しさを伝える。