İçeriğe geç
A—12

Proform Ambalaj

Oluklu koli üreticisi için üründen teklife kesintisiz bir akış

Sektör
Üretim & sanayi
Ülke
Türkiye
Kategori
Özel yazılım
Hizmetler
Özel yazılım, Web tasarım & geliştirme
Teknoloji
Next.js 16, React 19, TypeScript, Tailwind CSS 3, Framer Motion, Nodemailer
Proform Ambalaj web sitesinin masaüstü ve mobil görünümü

01 /

İhtiyaç

Proform Ambalaj, oluklu mukavvadan baskılı ve baskısız koliler ile müşterinin ürününe göre özel ölçüde kesilen kargo kutuları üretiyor. Ürün yelpazesi taşınma kolisinden e-ticaret kutusuna uzanıyor ve her alıcı farklı bir ölçü, dayanım ve baskı ihtiyacıyla geliyor. Siteyi bu ihtiyaçlara göre kurduk: ürünler baskısız, baskılı ve özel üretim olarak ayrılıyor; her ürünün teknik özellikleri ve minimum sipariş adedi kendi sayfasında açıkça yazıyor. Özel sipariş için üç adımlı bir sihirbaz hazırladık: alıcı kutu tipini, ölçüleri, adedi ve baskı rengini seçiyor, ardından teslimat ve iletişim bilgilerini bırakıyor. Talep doğrudan firmanın e-postasına düşüyor; telefon ve WhatsApp bağlantıları da her sayfada hazır.

Ekranlar

Canlı siteden alınmış güncel ekran görüntüleri: sayfanın tamamı, iç sayfalar ve telefondaki görünüm.

Ana sayfa

Proform Ambalaj — Ana sayfa
Proform Ambalaj — Bölümler ve iç sayfalar

Bölümler ve iç sayfalar

Proform Ambalaj — Bölümler ve iç sayfalar
Proform Ambalaj — Bölümler ve iç sayfalar
Proform Ambalaj — Bölümler ve iç sayfalar
Proform Ambalaj — Telefonda

02 /

Yaklaşım

Projeyi şekillendiren üç karar.

  1. 01

    Ürün grubuna göre bilgi mimarisi

    Baskısız, baskılı ve özel üretim ayrı kategorilerde. Alıcı önce ihtiyacına uyan grubu, sonra ölçü ve dayanıma göre doğru koliyi buluyor.

  2. 02

    Teknik bilgi önde

    Malzeme, dayanım ve minimum sipariş gibi karara etki eden bilgiler ürün sayfasında ilk bakışta okunuyor. Görseller sade, tipografi net.

  3. 03

    Hızlı ve akıcı arayüz

    Next.js sayfaları önceden üretiyor; Tailwind CSS ile tutarlı bir tasarım sistemi kurduk, sayfa geçişlerini ve kaydırma animasyonlarını Framer Motion ile işledik. Mobilde ürün kategorileri iç içe açılan bir menüde.

03 /

Neler yaptık

  • Baskısız, baskılı ve özel üretim kategorileri
  • Teknik özellik ve minimum sipariş bilgisi
  • Üç adımlı özel sipariş sihirbazı
  • Teklif ve iletişim formları
  • WhatsApp ve telefonla hızlı iletişim
  • Mobilde iç içe açılan ürün menüsü
  • KVKK, gizlilik ve kullanım koşulları sayfaları

Kullanılan teknolojiler

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 3
  • Framer Motion
  • Nodemailer

Kod ve alan adı tamamen müşterimize ait.

Yayında

Siteyi ziyaret edin

proformambalaj.com.tr (yeni sekmede açılır)

Sonraki proje

A—13

Ayhan Home Textile

Farklı tedarikçi markalarını tek katalogda toplayan perde yönetim sistemi

Tekstil · Türkiye