İçeriğe Git

2022 / CAU INK / Ahsen

CAU INK

Balıkesir merkezli CAU INK için hizmetleri, sanatçı kimliğini, sosyal kanıtı ve randevu aksiyonunu koyu, premium ve dönüşüm odaklı bir web sitesinde topladım.

Web sitesi tasarımı, içerik hiyerarşisi, galeri/randevu akışı, responsive deneyim ve görsel yönlendirme.

CAU INK kapak görseli

KAYIT TÜRÜ

Web sitesi tasarımı çalışması

Dövme, piercing ve lazer dövme silme

BELGE KAPSAMI

94/100

6 kaynak kaydı

DOĞRULANAN DURUM

Canlı web sitesi erişilebilir; portföy kaydı gerçek ekran görüntüleri ve yerel proje arşiviyle destekleniyor.

KAYNAK ERİŞİMİ

Public GitHub kaynağı bağlantısı mevcut.

Çalışmanın kapsamı

Balıkesir merkezli CAU INK için hizmetleri, sanatçı kimliğini, sosyal kanıtı ve randevu aksiyonunu koyu, premium ve dönüşüm odaklı bir web sitesinde topladım.

Benim rolüm

Web sitesi tasarımı, içerik hiyerarşisi, galeri/randevu akışı, responsive deneyim ve görsel yönlendirme.

Çözülen problem

Dövme, piercing ve lazer dövme silme hizmetlerinde güven, hijyen, sanatçı kimliği ve randevu talebini dijitalde netleştirmek.

Öne çıkan çıktı

  • Hizmet sunumu
  • Sanatçı hikâyesi
  • Filtreli galeri
  • Randevu formu
  • WhatsApp
  • SSS
  • Sinematik sahneler

Kullanıcı ve iş hedefi

  • Balıkesir'de dövme arayanlar

  • Piercing müşterileri

  • Lazer dövme silme müşterileri

  • Randevu talebi

  • Yerel görünürlük

  • Portföy sergileme

  • Güven oluşturma

Teknoloji yığını

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • GSAP
  • Three.js / React Three Fiber
  • Vercel Blob

Uygulama katmanları

  • Framework: Next.js, React, GSAP sahne sistemi
  • Backend: Next.js Route Handlers ve form akışı; ayrıntı revizyona göre değişiyor
  • Veritabanı: Hazırlanıyor
  • Hosting: Tarihsel Netlify yapılandırması; güncel uygulamada Vercel/Vercel Blob belgeleri
  • CMS: Dosya ve varlık tabanlı
  • Entegrasyonlar: WhatsApp, Google yorumları, Vercel Blob

Mimari ve teknik kararlar

Revizyonlar tek kanonik proje altında: statik/Netlify döneminden Next.js sahne mimarisine ve Gallery v2 SSR/edge denemelerine.

  • Sabit slideshow navigasyonu
  • Scene registry
  • DOM + WebGL katmanları
  • Gerçek varlıklarla AI destek görsellerini ayırma

Tasarım ve marka dili

  • Tasarım sistemi: Sahne bazlı sinematik sistem; koyu galeri ve medikal güven varyantları
  • Marka dili: Türkçe; sanatsal, güven veren, hijyen ve kişiselleştirme odaklı
  • Responsive yaklaşım: Sabit sahne/slayt yaklaşımı ile wheel, touch ve klavye girdileri; mobil varlık kırpma planları.

Doğrulama ve kaynak

Canlı ekran görüntüleri, üretim URL'si ve yerel proje arşivi mevcut.

Çıkarılan ders

Derleme başarısı, WebGL ve sahne akışının gerçek tarayıcıda çalıştığını tek başına kanıtlamaz.

Doğrulama sınırı

Canlı web sitesi erişilebilir; portföy kaydı gerçek ekran görüntüleri ve yerel proje arşiviyle destekleniyor.

Bu sayfa erişilebilir proje dosyalarından yeniden oluşturulmuş bir arşiv kaydıdır. Kanıtlanamayan alanlar tamamlanmış üretim işi gibi sunulmaz; eksik detaylar doğrulandıkça güncellenir.

← Portföye dön