Cetaform — Türkiye'nin lider profesyonel el aletleri üreticisi — için iki farklı tasarım dili geliştirdik. Her iki yaklaşım da aynı içerik mimarisini, aynı brand renklerini ve aynı kullanıcı akışını paylaşıyor. Ayrılan tek şey: duygusal ton ve görsel ritim.
Tasarım 01 ve Tasarım 02 farklı bir görsel dil sunsa da, brand omurgası ve kullanıcı deneyimi mimarisi birebir paylaşılır.
Cetaform red (#FF0000), gold accent, antrasit, paper renkleri. 47 yıllık miras, 4.000+ ürün, 70+ ülkeye ihracat.
4 sayfa: Anasayfa, Ürünler kategori liste, Ürün detay, Ürün liste (faceted filter). Aynı 15 ana kategori, aynı kullanıcı akışı.
4 ana grup: Ürünler, Destek, Haberler, Kurumsal. Hover/click açılma, sticky nav scroll morph, mobile accordion drawer.
Kırmızı kare billboard logo, nav'dan dışarı sarkan. Hero üzerinde "stamp" gibi durur, sticky beyaz nav'da da görünür kalır.
Profesyonel atölye duygusunu sinematik hero ile açan; brand'i otorite ve miras olarak konumlandıran yaklaşım. Victorinox'un cinematic anlatımı + Stahlwille'nin premium endüstriyel kimliğinden esinlenildi.
Ziyaretçi siteye girdiği an "burası ciddi bir üretici" hissini almalı. Hero karanlık ve atmosferiktir; tipografi posterden çıkmış gibidir; renkler antrasit ile kırmızının kontrastında konuşur.
3-slide cinematic hero · Mosaic kategori grid · Bestseller carousel · 47 yıl miras anlatımı
Aç15 kategori sticky sol menü · Sağ alt-grup grid · Cinematic banner hero üst
AçSol galeri (lightbox) · Sağ özellikler · Knipex tarzı varyant tablosu · Datasheet
Aç7 facet filter · 12 ürün grid · Sticky alt-grup tabs · Pagination
AçAydınlık, katalog disiplinli yaklaşım. Her ürün bir spec sheet gibi sunulur. Stahlwille'nin editorial katalog estetiği + Beta tools'un grafik disiplininden esinlenildi.
Ziyaretçi sayfayı bir basılı katalog sayfası gibi okur. Mono REF kodlar, tabular sayılar ve blueprint grid arka planı; brand'i "ölçülebilir hassasiyet" olarak konumlandırır. Profesyonel müşterinin teknik bilgi aradığı durumlarda en güçlüsüdür.
5 ürün hero slider · Blueprint grid arka plan · Kategori indeksi · Spec-sheet kartlar
Aç15 kategori sticky TOC (mono numara + sayım) · Mini-spread'ler · Spec card alt-gruplar
AçMono REF kod · Spec table (font-mono tnum) · Materyal grid · Datasheet kartları
Aç7 facet filter (mono caps) · Spec card kartlar · Sticky alt-grup tabs · Mono pagination
Aç| Boyut | Tasarım 01 · Cinematic | Tasarım 02 · Editorial |
|---|---|---|
| Atmosfer | Cinematic koyu, atmosferik atölye | Light editorial, katalog spread |
| Hero | 3 sahne otomatik geçiş, Ken Burns | 5 ürün showcase slider, blueprint grid |
| BG Dominantı | Antrasit (#383E42), siyah gradient overlay | Paper (#FAFAF7), beyaz, ince hairline |
| Display Tipografi | Anton (poster-condensed) | Titillium Web 900 + IBM Plex Mono accent |
| Vurgu Öğeleri | Sinematik fotoğraf, gradient, grain | Mono REF kod, blueprint grid, datasheet kart |
| Esin Markaları | Victorinox · Stahlwille premium | Stahlwille editorial · Beta tools |
| Hissi | Premium, otorite, miras | Hassasiyet, mühendislik, disiplin |
| En Güçlü Yön | Hero etki, brand premium algısı | Ürün detay, teknik bilgi sunumu |
Her iki tasarım, aynı brand renkleri ve aynı içerik mimarisini paylaşır. Fark sadece görsel dilde ve duygusal tonda.
İlk ziyarette güçlü duygusal etki, miras anlatımı, sinematik atmosfer önemliyse — Tasarım 01 öne çıkar.
→ Tasarım 01'e dönProfesyonel müşterinin spec/datasheet aradığı; hızlı bilgi akışı ve katalog disiplini önemliyse — Tasarım 02 öne çıkar.
→ Tasarım 02'ye dönDemircode, profesyonel markalar için modern web deneyimleri tasarlayan ve geliştiren bir yazılım stüdyosudur. Uçtan uca brand kimliği, UI/UX tasarımı ve özel yazılım çözümleri sunuyoruz.
Cetaform için hazırlanan iki tasarım yaklaşımı; sektörel araştırma, brand analizi ve kullanıcı senaryolarına göre özel olarak geliştirildi.