CAFE SOHO CO. · LONDRAWEB SİTESİ UI TASARIMI · SOSYAL MEDYA KİTİ · RENK PALETİ
ANA SAYFA · MASAÜSTÜcafesoho.co
01 / ProjeBrief ve sunulan paket
Misafirperver bir kafe, çevrimiçi.
Cafe Soho Co., Londra'nın kalbinde, misafirperver atmosferiyle bilinen sevimli bir kafe.
Kaliteli bir sığınak olmaktan gurur duyuyorlar. Her fincan kahve ve her lokma, misafirleri için keyifli anlar yaratmak üzere özenle hazırlanıyor.
Çevrimiçi varlıklarını güçlendirmek ve takipçileriyle daha anlamlı bir bağ kurmak isteyen Cafe Soho Co., arayüz tasarımı ve sosyal medya konusundaki deneyimimden yararlanmak için benimle iletişime geçti. Onlara üç parçalı bir paket sundum.
Web sitesi
Arayüz tasarımı
Hero'dan footer'a yeniden tasarlanmış bir site: hakkımızda, kahve ve tatlı menüleri, kampanyalar ve bülten aboneliği.
02 / Renk ve yazıMarka renk paleti ve tipografi tasarımı
Sütten espressoya.
Paleti bir fincanın katmanlarından kurdum: köpükten kavrulmuş çekirdeğe dört ton. Açık iki renk zemini ve fotoğrafların etrafını, koyu iki renk metni, menüyü ve footer'ı taşıyor.
HEX #CFBAA5LatteAna sayfanın sol paneli, menü şeritleri, açık zeminler.
HEX #AB8D71MochaHero zemini, menü kartları ve sosyal ikonlar.
HEX #221816EspressoNavigasyon, ürün kartlarının koyu karesi, metin.
HEX #150D09KavrulmuşFooter ve en derin gölgeler.
Sosyal kitte sıcak vurgularKraft turuncuKaramelVişne kahvesi
Birincil fontCafe Soho Co.
Myriad Pro Regular
Logotype, başlıklar ve ürün adları.
İkincil fontLatte · Mocha · Frappe
Myriad Arabic Regular
Menü şeritleri ve navigasyon.
Destekleyici fontStep into the world of Cafe Soho Co., where every cup is a sip of happiness.
Myriad Regular
Gövde metinleri ve açıklamalar.
Bu sayfadaki örnekler, Myriad ailesine en yakın açık web fontuyla gösteriliyor. Gönderilerde ve sitede görülen el yazısı “Soho”, markanın imza vurgusu.
03 / Sosyal medya kitiKare gönderi sistemi
Her gönderi bir sipariş.
Kiti, kafenin vitrinindeki gibi okunacak şekilde kurdum: önce ürün, sonra adı, sonra fiyatı. Kraft kâğıdı dokusu ve yuvarlatılmış fotoğraf kartı her gönderide tekrarlanıyor; böylece akış tek bir menü gibi görünüyor.
Zemin
Kraft kâğıdı dokusu: turuncu, karamel, vişne ve espresso.
Fotoğraf kartı
Köşeleri yuvarlatılmış dikey kart; ürün her zaman kahramandır.
Ürün bloğu
Kalın ürün adı, ince çizgi ve “Soho Special Recipe” imzası.
Fiyat etiketi
Kafe etiketinden alınmış delikli fiyat kartı ve altta Cafe Soho Co. imzası.
SohoKapakMacchiatoÜrün kartıMacaronÜrün ve iletişimFriday OfferKampanya
04 / AkışInstagram profilinde kit
On beş kare, tek menü.
Gönderileri profil ızgarasında yan yana nasıl duracaklarını düşünerek sıraladım. Açık ve koyu kareler dama gibi dönüşüyor; ürün kartlarının arasına atmosfer gönderileri giriyor.
Ürün kartlarıMocha, Affogato, Americano, Macchiato, Macaron: ad, tarif imzası ve fiyat.
KampanyalarFriday Offer ve üyelere özel frappe kampanyası; tarih ve koşul aynı kutuda.
AtmosferWake up with Soho, Good Morning, To Have a Great Day: el yazısıyla davet.
CS@cafesohoco
05 / Web arayüzüAna sayfa, yukarıdan aşağıya
Kapıdan girip menüye kadar.
Ana sayfayı bir kafe ziyareti gibi sıraladım: karşılama, hikâye, kahveler, tatlılar, menü, topluluk. Latte ve espresso yarım ekranları sayfa boyunca yer değiştiriyor; ürün ızgarası menü tahtası gibi okunuyor.
cafesoho.co
Pencerenin içinde kaydırarak sayfayı baştan sona gez.
