okkalikahve.com.tr

A corporate site built to be fast and found.

Okkalı Kahve's bilingual website, which I built end to end: design, development, content structure and search.

Okkalı Kahve 3-in-1 machine page
3'Ü 1 ARADA MAKİNE
Makinemizde aynı anda 3 fincan Türk Kahvesi pişirilebilir, 120 bardak Çay demlenebilir ve Filtre Kahve hazırlanabilir. Üç farklı içecek türünü tek Makinede sunan devrimsel sistem.
3 ÇEŞİT İÇECEK AYNI ANDA
Tek seferde 3 çeşit içecek hazırlayabilme özelliğiyle yoğun işletmelerde hız ve verimlilik sağlar.
OTOMATİK SU ALIMI
Su deposuna ve kazana damacana veya şebekeden otomatik su takviyesi olur. Damacana bittiğinde uyarı verir.
DOKUNMATİK EKRAN
Dokunmatik ekranla demleme saatini belirleyip servis sırasında Çayınızın dem oranını ayarlayabilirsiniz.
Bardağınızı Tanır, Keyfinizi Bilir
Bazı bardaklar özeldir, içindeki lezzetle anlam kazanır. Makineniz artık bardağınızın dilinden anlıyor. Çay, Türk Kahvesi veya Filtre Kahve tercihinizi bardağınızla mühürleyin. Sadece bardağınızı tanımlayın ve keyfinize bakın.
FİNCANIN İÇİNDE PİŞİRME
Tam kıvamında, bol köpüklü Türk Kahvesini doğrudan fincan içinde pişirerek eşsiz bir kahve deneyimi yaşatır. Türk kahvesi fincan içinde pişirildiğinden köpük dağılmadan homojen kalır ve aroma kaybı yaşanmaz.
HER ÇEKİRDEKTE
OKKALI BİR DOKUNUŞ
TAZELİK GARANTİSİ
Her fincan için çekirdekler tam o anda öğütülür; kahveniz aroması kaybolmadan, en taze ve en lezzetli haliyle hazırlanır.
ERGONOMİK TASARIM
Şık görünümü ve kolay kullanımıyla her mekana uyum sağlar, personel eğitimi gerektirmez.
okkalikahve.com.tr/makineler/3u-1-arada-makine ↗

Every page, one design language.

Catalog, products, services, apps and tools: built as one system in Turkish and English.

Role
Sole developer
Timeline
Oct 2025 — Now
Languages
Turkish and English
Stack
Next.js, TypeScript, Tailwind CSS, shadcn/ui

The problem

Businesses looking for coffee and tea machines needed to find the right model, understand the service model and ask for a quote without a phone call, in Turkish or English.

04

Under the hood

  1. 01

    39 pages in Turkish and English on the Next.js App Router.

  2. 02

    Images recompressed from 74 MB to 12 MB across the site.

  3. 03

    Product and FAQ structured data (JSON-LD) and an llms.txt profile for AI crawlers.

  4. 04

    Offline support and a fully responsive interface.

The company's main public presence, live since its launch and the place every machine, app and service is introduced.