BASEFACTORY × CALA ROSSATASARIM · GELİŞTİRME · SHOPIFY

CALAROSSA.

PROJE KARTINI ÇEVİR ↗

Tasarımından alışveriş akışına.
Cala Rossa, Basefactory imzasıyla.

PROJEYİ KEŞFET ↓
PROJENİN KAPSAMI

BÜTÜN MAĞAZA.
TEK EKİP.

Cala Rossa’nın dijital mağazasını baştan sona Basefactory olarak tasarladık ve geliştirdik.

Markanın görsel dilini, koleksiyon yapısını ve alışveriş adımlarını aynı sistemde birleştirdik. Ana sayfadan ürün detayına, mobil menüden sipariş takibine kadar.

MÜŞTERİ
Cala Rossa
SEKTÖR
Giyim & aksesuar
PLATFORM
Shopify
EKİP
Basefactory
UI ve UX TASARIMSHOPIFY GELİŞTİRMEMOBİL DENEYİMYERELLEŞTİRME
TASARIM SİSTEMİ

AYNI İMZA.
HER EKRANDA.

El yazısı logo, güçlü başlıklar ve pembe. Mağazanın bütün parçalarını bu üç öğenin etrafında kurduk.

01 — TİPOGRAFİCALA
ROSSA.
Bebas Neue

Koleksiyon ve ürün başlıkları.

Instrument Sans

Açıklamalar, menüler ve kontroller.

02 — RENK SİSTEMİ
Cala RossaTHE CALA ROSSA WAY
#FFF7EDİMZA, BAŞLIK VE YÜZEY

Mağazanın renk ve yazı sistemiyle hazırlanmış etkileşimli sunum.

ALIŞVERİŞ DENEYİMİ

HER ADIMI
BİRLİKTE KURDUK.

Bir ürünün bulunmasından siparişin takip edilmesine kadar.

ÜRÜN KEŞFİ

ARAMAYI
BEKLETME.

Yazarken ürün önerileri açılıyor. Ziyaretçi, sonuç sayfasına geçmeden aradığı parçaya ulaşabiliyor. Ana sayfadaki koleksiyon sekmeleri de farklı seçkileri aynı alanda gösteriyor.

  • Yazarken gelen arama önerileri
  • Sekmeli koleksiyon alanı
  • Yatay yeni gelenler seçkisi
CALA ROSSA · EXPERIENCE MAP ↘
BASEFACTORY · UX & DEVELOPMENT
ÜRÜN SAYFASI

GÖRMEK.
ANLAMAK.
SEÇMEK.

Giyimde karar detayda veriliyor. Galeriyi, beden seçimini ve ürün bilgisini aynı akışta topladık.

PRODUCT PAGE
CALA ROSSA
PRODUCT DETAIL
ÜRÜN SAYFASININ İŞLEV ŞEMASI

ÜRÜNÜ
YAKINDAN GÖR.

Çoklu fotoğraf galerisi ve büyütme kontrolü, parçanın farklı açılarını aynı sayfada incelemeyi sağlıyor.

MOBİL DENEYİM

BAŞPARMAK
MESAFESİNDE.

Mobil için ayrı bir gezinme düzeni kurduk. Menü, arama, ana sayfa, hesap ve sepet; ekranın altından erişilebiliyor.

Koleksiyon filtresi ve açılır menü, küçük ekranda içeriğin önüne geçmeden açılıyor. Ziyaretçi ürünler arasında dolaşırken temel kontroller elinin altında kalıyor.

CALA ROSSA
Cala Rossa gerçek mobil koleksiyon ekranı
GERÇEK MOBİL EKRAN · 12.10.2026
ULUSLARARASI MAĞAZA

AYNI MARKA.
FARKLI DİLLER.

Dil, bölge ve para birimi seçimini mağazanın kendi tasarımı içinde çözdük.

NEW
ARRIVALS.
ENGLISH

ÜÇ DİL.

English, français ve Español. Dil seçicisini mağazanın gezinme düzenine yerleştirdik; ziyaretçi tercih ettiği dilde devam edebiliyor.

BÖLGEYE GÖRE.

Ülke · bölge seçimi ve yerel para birimleri aynı menüde. Mağazada USD, EUR, GBP ve TRY dahil farklı para birimi seçenekleri bulunuyor.

ALIŞVERİŞTEN SONRA.

Sipariş numarasıyla takip ekranı, sipariş numarası alanı bulunan iletişim formu ve teslimat · iade sayfaları da mağazanın bir parçası.

Dil alanı temsili arayüz sunumudur; mevcut mağazadaki üç dil seçeneğini gösterir.

TESLİM ETTİĞİMİZ SİSTEM

SADECE ANA SAYFA
DEĞİL.

Tek bir vitrin yerine, birbiriyle çalışan mağaza bileşenleri.

01

Görsel sistem

Logo kullanımı, renkler, tipografi ve bileşen düzeni.

02

Ana sayfa

Kampanya alanları, ürün seçkileri ve koleksiyon sekmeleri.

03

Katalog

Filtre ve sıralama paneli, renk seçenekleri ve hızlı görünüm.

04

Ürün detayları

Galeri, beden yardımcısı, ürün bilgisi ve kombin önerileri.

05

Sepet deneyimi

Yan panel, sipariş notu ve indirim kodu alanı.

06

Satış sonrası

Sipariş takibi, iletişim ve mağaza politikaları.

YAYINDAKİ İŞ

MADE BY
BASEFACTORY.

Tasarımı ve işlevleri gerçek mağazada incele.

CANLI SİTEYİ AÇ ↗
THECALAROSSA.COMGERÇEK EKRAN GÖRÜNTÜSÜ
Cala Rossa gerçek ana sayfa ekranı

12.10.2026 tarihli gerçek mağaza ekranları. Güncel deneyimi canlı sitede inceleyebilirsin.

GERÇEK MAĞAZA EKRANI

THECALAROSSA.COM · 12.10.2026