Protein Ocean
Protein Ocean'ın kapsamlı e-ticaret deneyimini mobil uygulamaya taşıdık. Markanın web sitesindeki ürün kataloğundan kampanya koşullarına, sepet ve ödeme süreçlerinden sipariş takibine kadar tüm alışveriş deneyimini, uygulamanın kendi ekranları olarak tasarladık ve geliştirdik.
Kısaca
Protein Ocean; protein, kreatin, amino asit, vitamin ve fonksiyonel gıda ürünlerini doğrudan tüketicilere sunan Türkiye merkezli bir sporcu gıdası markasıdır.
Neon Apps olarak markanın iOS ve Android mobil uygulamasını tasarladık ve geliştirdik, arkasındaki backend tarafında da çalıştık. İki platform tek bir Flutter kod tabanından çıkıyor ve üyelik ile giriş işlemlerinden ana sayfaya, arama ve kategorilerden ürün detaylarına, sepet ve ödeme adımlarından sipariş takibi ve hesap yönetimine kadar tüm kullanıcı deneyimini kapsıyor.
Uygulama ikonunu ve uygulama mağazalarında kullanılacak görselleri de proje kapsamına dahil ettik.
Kapsamlı bir alışveriş deneyimini mobil ekrana uyarlamak
Tasarım sürecinde markanın mevcut web sitesini referans aldık. Ancak bu deneyimi mobil ortama taşımak, yalnızca mevcut sayfaları daha küçük ekranlara uyarlamaktan çok daha fazlasını gerektiriyordu.
Sekiz ürün kategorisi, on bir farklı aroma ve üç boyut seçeneğine sahip olabilen ürünler, kapsamlı bir içerik yapısını beraberinde getiriyordu. Ürün sayfalarında besin değerleri, içerik bilgileri, kullanım önerileri, laboratuvar sertifikaları ve 12.000'e ulaşan kullanıcı yorumlarının erişilebilir ve anlaşılır biçimde sunulması gerekiyordu.
Bunun yanında indirim kodları, lansman kampanyaları, belirli sepet tutarlarında ücretsiz kargo ve daha yüksek tutarlarda hediye seçimi gibi farklı alışveriş koşulları bulunuyordu.
Web sitesinde geniş alanlara yayılarak sunulabilen bu bilgileri, mobil uygulamada kullanıcıların alışveriş kararlarını destekleyecek şekilde konumlandırmaya odaklandık. Özellikle kampanya koşullarının ve kazanılan avantajların sepet içerisinde kolayca görülebilmesini önemsedik.
Çalışmanın kapsamı
Mobil alışveriş deneyimini uçtan uca ele aldık. Önce tasarladık, sonra geliştirdik, altındaki backend tarafında da çalıştık.
Ana sayfa, arama ve kategori ekranlarının yanı sıra aroma ve boyut seçeneklerinin yönetilebildiği, detaylı bilgilerin ihtiyaç duyulduğunda açılabildiği ürün sayfalarını hayata geçirdik.
Sepet; kampanya koşullarını, ücretsiz kargo eşiklerini ve hediye seçimini görünür kılıyor. Ödeme süreci ise kullanıcıların hangi aşamada olduklarını kolayca takip edebileceği, numaralandırılmış üç adımdan oluşuyor.
Bunlara ek olarak sipariş durumlarının zaman çizelgesi üzerinden takip edilebildiği ekranlar, favoriler ve adres, kayıtlı kart, bildirim tercihleri ile destek seçeneklerini içeren hesap yönetimi alanları da uygulamada yer alıyor.
Yalnızca sorunsuz ilerleyen kullanıcı akışlarını değil, karşılaşılabilecek farklı durumları da kapsadık. Boş sepet, sonuç bulunamayan aramalar, giriş yapılmadan görüntülenen hesap ekranı ve siparişlerin farklı aşamaları da uygulamanın bir parçası.
Tasarım dili
Uygulamanın görsel dilini, Protein Ocean'ın mevcut marka kimliğiyle uyumlu olacak şekilde oluşturduk.
Beyaz zeminler, koyu lacivert tonları ve turuncu vurgu renginden oluşan sade bir renk paleti tercih ettik. Tipografide Inter ve Lexend yazı karakterlerini kullandık. Sabit alt navigasyon çubuğuyla uygulama içindeki temel alanlara erişimi kolaylaştırırken ürün görsellerinde markanın kendi fotoğraflarını öne çıkardık.
Tasarım sürecinde farklı renk paletleri ve tipografi seçenekleriyle üç ayrı görsel yaklaşım hazırladık. Bu alternatifler arasından, markanın ürün ambalajlarında kullandığı görsel kimliğe en yakın olan yaklaşım seçildi.
Böylece web sitesi, ürün ambalajları ve mobil uygulama arasında tutarlı bir marka deneyimi oluşturmayı hedefledik.
Sıkça Sorulan Sorular
Bize Ulaşın
Bir projeniz mi var? Girişimler ve global markalar için dünya standartlarında mobil ve web uygulamaları geliştiriyoruz.
