
⬤ 01. Challenges
Endüstriyel mutfak alışverişini,
B2B karmaşıklığını saklayan.
hızlı ve net bir deneyime dönüştürdük.
Cafemarkt’ta aynı anda hem B2C hem B2B müşteri beklentilerini karşılayabilecek, binlerce SKU ürün sunan ve teknik karar verme ihtiyacını hızlandıracak bir dönüşüm hedefledik.
Hedefimiz; kategori–filtre–ürün detay akışını hızlandırıp, kullanıcıyı “doğru ürüne” en kısa yoldan ulaştırmak ve satın alma adımlarındaki sürtünmeyi azaltmaktı. Bu kurguyu Tsoft altyapısının esnek modülleriyle ölçeklenebilir şekilde kurguladık.
⬤ 02. Experience
Arama, filtre ve ürün detay adımlarında
“karar verme süresini”
düşüren bir deneyim tasarladık.
Teknik ürünlerde kullanıcıyı yoran şey ürün bolluğu değil, doğru kriteri bulamamak. Bu yüzden listeleme sayfasında filtre hiyerarşisini ve kategori mimarisini yeniden ele alıp; ürün detayda güven unsurlarını (stok, teslimat, garanti, kurulum/servis gibi) daha görünür kıldık.
Sepet ve ödeme adımlarında da gereksiz adımları azaltarak dönüşüme odaklı bir akış oluşturduk.
| Primary #ED2323 | SCSS var $color-red | ◯ |
| R 0 G 122 B 255 |
Magnetic Red
| Beige #B87A1E | SCSS var $color-beige | ◯ |
| R 0 G 122 B 255 |
Golden Beige
| Grey #EFE8DC | SCSS var $color-grey | ◯ |
| R 0 G 122 B 255 |
Neutral Grey
| Black #ED2323 | SCSS var $color-black | ◯ |
| R 0 G 122 B 255 |
Moonlight Black
Typography
/ Scales
Typefase
Beatrice Regular
Usage
Headlines
Aà
Marka kimliğinde belirlenen tipografi web sitesine uygulandı.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789
Typefase
Beatrice Regular
Usage
Headlines
Typefase
Beatrice Regular
Usage
Headlines
⬤ 03. Mobile Experience
Trafiğin büyük kısmı
mobilde: applike hissiyle hızlı gezinti ve hızlı satın alma hedefledik.