Skip to content
A—12

Proform Ambalaj

A corporate site for a corrugated packaging maker that joins product and quote in one flow

Sector
Manufacturing & industry
Country
Türkiye
Category
Custom software
Services
Custom software, Web design & development
Technology
Next.js 16, React 19, TypeScript, Tailwind CSS 3, Framer Motion, Nodemailer
Desktop and mobile views of the Proform Ambalaj website

01 /

The brief

Proform Ambalaj manufactures printed and plain corrugated boxes, along with shipping boxes cut to the size of each customer’s product. The range runs from moving boxes to e-commerce mailers, and every buyer arrives with a different need for size, strength and print. We built the site around those needs: products are split into plain, printed and custom production, and each product page states its technical specifications and minimum order quantity clearly. For custom orders we designed a three-step wizard: the buyer chooses the box type, dimensions, quantity and print colours, then leaves delivery and contact details. The request goes straight to the company’s inbox, and phone and WhatsApp links are ready on every page.

Screens

Fresh screenshots from the live site: the full page, inner pages and how it looks on a phone.

Home page

Proform Ambalaj — Home page
Proform Ambalaj — Sections and inner pages

Sections and inner pages

Proform Ambalaj — Sections and inner pages
Proform Ambalaj — Sections and inner pages
Proform Ambalaj — Sections and inner pages
Proform Ambalaj — On mobile

02 /

Approach

Three decisions that shaped the project.

  1. 01

    Architecture by product group

    Plain, printed and custom production are separate categories. Buyers find the right group first, then the right box by size and strength.

  2. 02

    Design that leads with the specs

    Deciding details such as material, strength and minimum order read at first glance on every product page. Imagery is clean, typography clear.

  3. 03

    A fast, fluid interface

    Next.js pre-renders the pages, Tailwind CSS provides a consistent design system, and Framer Motion handles page transitions and scroll reveals. On mobile, product categories sit in a nested accordion menu.

03 /

What we delivered

  • Plain, printed and custom production categories
  • Technical specs and minimum order information
  • Three-step custom order wizard
  • Quote and contact forms
  • Quick contact via WhatsApp and phone
  • Nested accordion product menu on mobile
  • Privacy, data protection and terms pages

Tech stack

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

The code and the domain belong entirely to our client.

Live now

Visit the live site

proformambalaj.com.tr (opens in a new tab)

Next project

A—13

Ayhan Home Textile

A curtain management system that brings many supplier brands into one catalogue

Textiles · Türkiye