Bi'Bulut ürün ailesi
Manta Teknoloji
- marka, tek tasarım sistemi
- 4
- dil: TR, EN, DE
- 3
- bölüm; sıralama yeniden kuruldu
- 14
- denetim, 26 Ağustos 2026
- WCAG 2.2 AA
Ekranları tam boyutta görmek için üzerlerine dokun.
Aynı kurgu, dört aksan
Sorun
Dört sektör markası tek backend üzerinde çalışıyordu; görünüşleri tek elden yönetilmiyordu. Eski ürün arayüzü Sneat/Bootstrap admin şablonundan geliyordu; hazır tema görünümü vardı. Açılış sayfası 14 bölümdü; aynı işi anlatan yabancı ürünler 5 ile 9 arasında. Hangi markada hangi yüzeyin açık olduğu hiçbir yerde yazılı değildi.
Ne yaptık
Dört markayı tek tasarım sistemine aldık; fark yalnız marka renginde. Pazarlama siteleri tek Next.js kod tabanından çıkıyor, her marka ayrı deploy. Anasayfa kurgusunu dört rakiple karşılaştırıp yeniden sıraladık; sosyal kanıt yukarı, mobil sona. Ürün arayüzünü React ile yeniden yazdık; dört varyant tek monorepoda. WCAG 2.2 AA denetimi yaptık, otomatik erişilebilirlik ve görsel regresyon testleri kurduk.
Sonuç
Dört marka canlıda: bibulut.co, biklinik.co, bisalon.co, biemlak.co; siteler Türkçe, İngilizce ve Almanca. WCAG 2.2 AA erişilebilirlik denetimi 26 Ağustos 2026'da tamamlandı; bulgular kapatıldı, kurallar kalıcı belgeye döndü.
Kurgu: rakiplere bakıp sıralamayı değiştirdik
- Bi’Klinik anasayfası SimplePractice, Cliniko, Jane ve Pabau ile karşılaştırıldı; sıra değişti, bölüm sayısı 14 kaldı.
- Sosyal kanıt 11. ve 12. sıradan 5. ve 6. sıraya çıktı; mobil uygulama 4. sıradan 13. sıraya indi. Kapanış detayı, ana vaat değil.
- Uydurma rakam yok: memnuniyet oranı, kullanıcı sayısı ya da ROI yazılmadı.
Kurgu kararlarının gerisi
- Dört rakipten üçü sosyal kanıtı öne alıyor; Cliniko onun yerine başa şeffaf fiyat koyuyor.
- Üç bölüm birleştirme adayı ölçüldü. Biri sıralama değişince çözüldü, ikisi gerekçeyle reddedildi. Ölçüt: silinirse sayfadan hangi iddia kalkıyor.
- Her marka için ayrı rakip incelemesi var; hero metni doğrudan rakibin sayfası ölçülerek yazıldı.
Tasarım: dört marka, tek sistem
- Nötr palet dört markada sabit; markalar yalnız aksan renginde ayrışıyor. Marka rengi aksandır, çağrı düğmesi değil: birincil düğme dört markada aynı mürekkep rengi.
- Koda hex yazılmıyor; her şey
--color-primaryve türevlerinden akıyor. Bi’Klinik’in camgöbeği beyaz metinle AA tutmuyordu; dolgu ve odak halkası koyu kademeye indi. - Ürün arayüzünde ilke “veriyi sakin sun”: renk anlam taşır, süs taşımaz. Karanlık tema ve TR/EN baştan var.
Dil ve ton kararları
- Görsel dil Manta’nın sade, ölçülü dili. Sıcaklık kelimede, sadelik pikselde.
- Açılış sayfası esnafa “sen” der; işletmenin müşterisine “siz”. İki kayıt karışmaz.
Kod ve erişilebilirlik
- Pazarlama sitesi Next.js, tek kod tabanı; marka build sırasında seçiliyor, her marka kendi alan adına ayrı çıkıyor.
- Ürün arayüzü React + Vite + Tailwind, Turborepo monorepo; dört varyant, varyant başına ayrı bundle.
- WCAG 2.2 AA denetimi kalıcı kural belgesine döndü; görsel regresyon her birleştirme isteğinde dört markanın kritik sayfalarını karşılaştırıyor.
Sürüm öncesi kontroller
- Blog, çözümler ve rehber bölümleri dört markada da açık.
- Geri arama formu telefon alıyor; numara SMS ile doğrulanıyor.
- Klavye akışı, ekran okuyucu ve %200 yakınlaştırma sürüm öncesi elle doğrulanıyor.