AETHER COFFEE ROASTERS
スペシャルティコーヒーロースターのブランドサイト。「透明感」と「調和」をコンセプトに、高級感と親しみやすさを両立したWebデザインを制作しました。
クライアント
架空のスペシャルティコーヒーロースター
制作期間
約3週間
担当範囲
UXリサーチ / デザイン / フロントエンド実装
使用技術
HTML / CSS / JavaScript / Tailwind CSS / Figma
想定課題
想定クライアントは既存のSNSのみで集客しており、ブランドの世界観を伝えるWebサイトがない状態でした。競合との差別化が難しく、高品質なコーヒーの価値が十分に伝わっていないという課題が想定されます。また、オンラインストアへの導線も弱く、ECの売上向上も求められているという設定です。
アプローチ
ブランド名「AETHER（エーテル）」が持つ「清澄・透明・調和」というコンセプトを軸に、ビジュアルデザインを設計しました。余白を大胆に使ったレイアウト、モノクロームからカラーへのホバーエフェクト、ダークモード対応など、ブランドの洗練されたイメージを体現するUI/UXを構築しました。
デザインの意図
Cormorant Garamondという欧文セリフ体と、Noto Serif JPの組み合わせにより、日本語と英語が混在するコンテンツに統一感を持たせました。カラーパレットはオフホワイト（#F8F5F2）とチャコール（#3C3C3C）の2色に絞り、写真の美しさを最大限に引き立てる設計としています。
成果
サイト公開後、オンラインストアへの流入が増加し、ブランドの認知向上に貢献。「写真が映える」「世界観が伝わる」というフィードバックを多数いただきました。また、スマートフォン・タブレット・PCすべてのデバイスで美しく表示されるレスポンシブデザインを実現しています。
Tech Stack
AETHER COFFEE ROASTERS
光が透き通る、朝の一杯。
魂を解き放つ、澄んだ琥珀。
第五の元素「エーテル」が
もたらす、至高の調和。
古代、空の彼方にある純粋な領域を満たすと信じられていた第五の元素「AETHER（エーテル）」。私たちは、一杯のコーヒーもまた、日常を清澄な光で満たす特別な存在であると考えています。
豆の選定から焙煎、抽出に至るまで、すべての工程において「透明感」と「調和」を追求。大地の恵みが持つ本来の美しさを引き出し、五感を研ぎ澄ます体験をお届けします。
Signature Selection
COFFEE
Single Origin
¥750~世界各地の厳選された単一農園の豆。産地ごとの豊かな個性をダイレクトに味わう。
Aether Blend
¥650当店のシグネチャーブレンド。華やかな香りとシルキーな口当たりが特徴。
Espresso
¥550凝縮された甘みと果実味。ミルクとの相性も抜群の力強い一杯。
Sweets
Basque Cheesecake
¥750とろけるような食感と、絶妙な焦げ目のほろ苦さがコーヒーに寄り添います。
Seasonal Tart
¥850旬の果実を贅沢に使ったサクサクのタルト。季節ごとに変わる彩りを。
Canelé
¥450外はカリッと、中はしっとり。ラム酒の香りが広がる伝統的なカヌレ。
倫理的な調達と、
妥協なき焙煎の探求。
私たちは、コーヒーが農園から一杯のカップに至るまでのすべてのプロセスに敬意を払います。直接農園を訪れ、持続可能な農業に取り組む生産者と信頼関係を築くことで、最高品質かつフェアな豆を仕入れています。
Ethical Sourcing
透明性の高い取引を行い、生産者の生活向上と環境保護をサポート。すべての豆にストーリーがあり、その背景を伝えることも私たちの使命です。
Artisanal Roasting
豆の水分量や密度に合わせ、秒単位で温度をコントロール。産地特有のテロワールを最大限に引き出すため、ライトからミディアムローストを中心に行っています。
Freshly Roasted Beans
Ethiopia Gesha Village
200g / Light Roast
¥2,800House Blend 'Morning Light'
200g / Medium Roast
¥1,800
Original Ceramic Mug
Matte White / 300ml
¥2,400
Linen Tote Bag
Natural / Organic Linen
¥3,200Visit Us
Aether Roastery & Café
〒150-0001 東京都渋谷区神宮前 5-99-9
月〜金 8:00–20:00 / 土日祝 9:00–21:00
定休日：毎月第3水曜日
渋谷駅 徒歩5分