Zum Inhalt springen
A—12

Proform Ambalaj

Eine Unternehmenswebsite für einen Wellpappe-Hersteller, die Produkt und Angebot zusammenführt

Branche
Produktion & Industrie
Land
Türkei
Kategorie
Individualsoftware
Leistungen
Individualsoftware, Webdesign & Entwicklung
Technologie
Next.js 16, React 19, TypeScript, Tailwind CSS 3, Framer Motion, Nodemailer
Desktop- und Mobilansicht der Website von Proform Ambalaj

01 /

Ausgangslage

Proform Ambalaj fertigt bedruckte und unbedruckte Kartons aus Wellpappe sowie Versandkartons, die exakt auf das Produkt des Kunden zugeschnitten werden. Das Sortiment reicht vom Umzugskarton bis zur E-Commerce-Versandbox, und jeder Käufer bringt eigene Anforderungen an Format, Stabilität und Druck mit. Genau danach haben wir die Website aufgebaut: Die Produkte sind in unbedruckt, bedruckt und Sonderanfertigung gegliedert, jede Produktseite nennt technische Daten und Mindestbestellmenge klar. Für Sonderanfertigungen haben wir einen dreistufigen Assistenten entwickelt: Der Käufer wählt Kartonart, Maße, Stückzahl und Druckfarben und hinterlässt anschließend Liefer- und Kontaktdaten. Die Anfrage geht direkt an das Postfach des Unternehmens; Telefon- und WhatsApp-Links stehen auf jeder Seite bereit.

Screens

Aktuelle Screenshots der Live-Website: die ganze Seite, Unterseiten und die Ansicht auf dem Smartphone.

Startseite

Proform Ambalaj — Startseite
Proform Ambalaj — Bereiche und Unterseiten

Bereiche und Unterseiten

Proform Ambalaj — Bereiche und Unterseiten
Proform Ambalaj — Bereiche und Unterseiten
Proform Ambalaj — Bereiche und Unterseiten
Proform Ambalaj — Auf dem Smartphone

02 /

Vorgehen

Drei Entscheidungen, die das Projekt geprägt haben.

  1. 01

    Informationsarchitektur nach Produktgruppen

    Unbedruckt, bedruckt und Sonderanfertigung sind eigene Kategorien. Käufer finden zuerst die passende Gruppe, dann den richtigen Karton nach Format und Stabilität.

  2. 02

    Gestaltung mit Fokus auf technische Daten

    Entscheidende Angaben wie Material, Stabilität und Mindestmenge sind auf jeder Produktseite auf den ersten Blick lesbar. Bildsprache reduziert, Typografie klar.

  3. 03

    Schnell und flüssig

    Next.js rendert die Seiten vorab, Tailwind CSS sorgt für ein konsistentes Designsystem, Framer Motion für Seitenübergänge und Scroll-Animationen. Mobil liegen die Produktkategorien in einem verschachtelten Akkordeonmenü.

03 /

Was wir geliefert haben

  • Kategorien unbedruckt, bedruckt und Sonderanfertigung
  • Technische Daten und Mindestbestellmenge
  • Dreistufiger Assistent für Sonderanfertigungen
  • Angebots- und Kontaktformulare
  • Schneller Kontakt per WhatsApp und Telefon
  • Verschachteltes Akkordeonmenü für Produkte auf Mobilgeräten
  • Seiten zu Datenschutz, KVKK und Nutzungsbedingungen

Technologie-Stack

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

Code und Domain gehören vollständig unserem Kunden.

Online

Live-Website öffnen

proformambalaj.com.tr (öffnet in einem neuen Tab)

Nächstes Projekt

A—13

Ayhan Home Textile

Ein Gardinenverwaltungssystem, das viele Lieferantenmarken in einem Katalog bündelt

Textil · Türkei