Proje · Gıda & Yöresel Ürün · E-ticaret UX/UI
Göynük Karasıköyden çıkan bir markanın e-ticaret vitrini
- Müşteri
- Göynük Karası
- Sektör
- Gıda · Zeytinyağı ve yöresel ürünler
- Yıl
- 2020
- Kapsam
- Ana sayfa, ürün listeleme, ürün detay · UX ve UI tasarım (geliştirme müşteri tarafında)
Göynük Karası, kökleri 1958’e uzanan ve 2017’de bugünkü adıyla yeniden markalaşan bir zeytinyağı ve yöresel ürün markasıdır; Bursa’nın Göynüklü köyünden çıkar. Bigfil, markanın e-ticaret sitesinde satışın geçtiği üç ana ekranın — ana sayfa, ürün listeleme ve ürün detay — UX ve UI tasarımını üstlendi.
Zorluk
Rafta birbirine benzeyen bir ürünü, ekranda ayrıştırmak
Zeytinyağı, ekranda kendini anlatması zor bir üründür. Şişeler birbirine benzer, fotoğraf farkı göstermez ve fiyat tek başına bir şey söylemez. Alıcıyı ikna eden şey ürünün görüntüsü değil, arkasındaki bilgidir: yağın nereden geldiği, hangi hasattan olduğu, nasıl üretildiği. Göynük Karası’nın gerçek değeri de tam olarak buradaydı — Göynüklü köyü, 1958’e uzanan bir geçmiş, katkısız ve geleneksel üretim.
Dolayısıyla tasarımın çözmesi gereken şey basit bir vitrin değildi. Ana sayfanın markanın hikâyesini taşırken ziyaretçiyi ürüne de ulaştırması, listeleme ekranının birbirine benzeyen ürünleri ayırt edilebilir kılması, ürün detayının ise satın alma kararını verdirecek bilgiyi öne çıkarması gerekiyordu. Üç ekran, satışın geçtiği üç farklı an demekti.
Yaklaşım
Süreç, adım adım
Ana sayfa — hikâye ile ürün arasında denge
Ana sayfayı, markanın nereden geldiğini anlatan bölümlerle ürüne giden yolu aynı akışta tutacak biçimde tasarladık. Yöresel bir markada hikâye satışın süsü değil, sebebidir; ancak hikâye ürünün önüne geçtiğinde ziyaretçi alışverişe hiç başlamaz. Denge burada kuruldu.
Ürün listeleme — ayrımı görünür kılmak
Listeleme ekranını, birbirine benzeyen ürünlerin bir bakışta ayrışacağı biçimde kurguladık. Zeytinyağında farkı yaratan ayrımların — ürün tipi, hasat ve boy gibi — kart üzerinde okunabilir olması, ziyaretçinin detay sayfasına girmeden önce doğru ürüne yönelmesini sağlar.
Ürün detay — kararın verildiği ekran
Ürün detay sayfasını, satın alma kararını verdiren bilginin öne çıktığı bir yapıda tasarladık. Gıda ürününde güven, üretim biçimi ve kaynak bilgisinin görünürlüğüyle kurulur; bu bilgiyi sayfanın alt kısmına gömmek yerine karar anının içine yerleştirdik.
Sonuçlar
Satışın geçtiği üç ekran, marka hikâyesiyle birlikte kurgulandı
- 3 ekran
- Ana sayfa, ürün listeleme, ürün detay
- UX + UI
- Araştırmadan arayüze tasarım
- Yöresel marka
- Hikâye ile satışın aynı akışta kurgulanması
- Net kapsam
- Tasarım Bigfil’de, geliştirme müşteri tarafında
Sık sorulan sorular
- Göynük Karası nedir?
- Göynük Karası, Bursa’nın Göynüklü köyünden çıkan bir zeytinyağı ve yöresel ürün markasıdır. Kökleri 1958’e uzanır ve marka 2017’de bugünkü adını almıştır. Soğuk sıkım zeytinyağının yanı sıra siyah ve yeşil zeytin, pekmez ve sirke gibi ürünler sunar; kendi bahçeleri ile seçtiği üreticilerden aldığı ürünleri geleneksel yöntemlerle işler.
- Zeytinyağı markası için e-ticaret sitesi nasıl kurgulanmalı?
- Zeytinyağında ürünler görsel olarak birbirine benzer; alıcıyı ikna eden şey kaynak, hasat ve üretim biçimi bilgisidir. Bu nedenle listeleme ekranında ürünleri ayrıştıran nitelikler kart üzerinde okunabilir olmalı, ürün detay sayfasında üretim ve köken bilgisi karar anının içinde yer almalı, ana sayfa ise marka hikâyesini ürüne giden yolu kapatmadan anlatmalıdır.
- Bigfil bu projede ne yaptı?
- Bigfil, Göynük Karası’nın e-ticaret sitesinde ana sayfa, ürün listeleme ve ürün detay ekranlarının UX ve UI tasarımını gerçekleştirdi. Sitenin yazılım geliştirmesi bu proje kapsamında Bigfil tarafından yapılmamış, müşterinin çalıştığı ekip tarafından hazır bir e-ticaret altyapısı üzerinde yürütülmüştür.
İletişim / Başlayalım
Benzer bir proje mi düşünüyorsunuz?
Aklınızdaki projeyi anlatın; keşif görüşmesiyle nasıl değer katabileceğimizi birlikte netleştirelim.