Melo.coffee – Yeni Nesil Dijital Kahve Deneyimi
Canlı SiteMelo.coffee’nin kurumsal kimliğini dijital dünyaya modern, hızlı ve etkileyici bir arayüzle taşıdık. Sadece bir web sitesi değil; her pikselinde kaliteyi hissettiren, en güncel teknolojilerle (Next.js & Tailwind) donatılmış, yüksek performanslı bir platform inşa ettik.
Yıl2026
SektörCoffee
Çalışma AlanıWeb Design
Süre6 weeks
Hero
Sinematik Hero Alanı ve Yenilikçi Header
Kullanıcıyı karşılayan ilk anı unutulmaz kılmak için Hero bölümüne yüksek çözünürlüklü, optimize edilmiş video entegrasyonu sağladık. Header yapısını tamamen modernize ederek, navigasyon deneyimini hem estetik hem de işlevsel bir seviyeye taşıdık.
Library
Lenis ile Pürüzsüz Deneyim (Smooth Scrolling)
Sitedeki etkileşimi artırmak adına Lenis kütüphanesini kullanarak 'Smooth Scroll' (pürüzsüz kaydırma) deneyimi sunduk. Bu sayede sayfa geçişleri ve kaydırma hareketleri bir sanat eseri akıcılığında gerçekleşiyor.
Stack
Next.js ve Tailwind CSS Gücü
Hızın ve esnekliğin kritik olduğu bu projede, Next.js altyapısıyla SEO dostu ve hızlı bir yapı kurduk. Tasarım tarafında ise Tailwind CSS kullanarak markanın kurumsal renklerini ve minimalist çizgisini her ekran boyutuna kusursuzca uyarladık.
Panel
Tam Donanımlı Admin Paneli ve Firebase Entegrasyonu
Melo ekibi için içerik yönetimini bir yük olmaktan çıkardık. Gelişmiş CRUD işlemlerine sahip, tamamen özelleştirilmiş bir admin paneli geliştirdik. Veri yönetimini Firebase ile güvene alırken, tüm sistemi Hetzner'in yüksek hızlı sunucularında ayağa kaldırarak düşük gecikme süresi (low latency) sağladık.
Teknik
Teknik Stack Özeti
Frontend: Next.js (App Router), Tailwind CSS
Animation: Lenis Smooth Scroll, Framer Motion (veya benzeri bir şey kullandıysan ekleyebilirsin)
Backend/Data: Firebase Realtime Database / Firestore
Infrastructure: Hetzner High-Performance Cloud Servers
Management: Custom Admin Panel with Full CRUD Capabilities
Melo.coffee projesinde hedefimiz; kahve kokusunu ekranın diğer tarafına hissettirecek kadar şık ve bir yazılım mühendisini heyecanlandıracak kadar hızlı bir site yaratmaktı. Ekibimizle birlikte, modern webin tüm imkanlarını kullanarak bu vizyonu gerçeğe dönüştürdük.
