Tartupak: a manufacturer's website that turns box codes into quote requests

A new website for an Estonian corrugated packaging manufacturer, with the product range, a catalogue of 141 FEFCO box styles and one quote form a buyer can reach from any page. I designed and built it and wrote most of the copy, with the client's input.

FEFCO catalogue: 141 box styles, each with its own page
Client: Tartupak, corrugated packaging manufacturer, Estonia
My role: Design, development and Google marketing; most of the copy, with the client's input
Timeline: 2026, about 2 months
Status: Live, replacing the company's previous website
Languages: Estonian, English, Russian
Stack: Next.js on Vercel

Show what the factory makes, and let buyers ask for it

Tartupak makes corrugated cardboard packaging for businesses: transport boxes, printed, frozen-food, pizza, custom die-cut and large-format packaging. B2B buyers come with a concrete need: a box type, a size, a quantity. The new site replaces the company's previous one. It had to show what the factory can make and turn that need into a request the sales team can answer.

A technical B2B product: Buyers describe what they need in FEFCO codes, flute types and dimensions.
A large standard library: The international FEFCO code set: 141 box styles across series 02–07.
Small and large buyers at once: Orders from one piece with no minimum, next to high-volume supply.
Three languages: Estonian, English and Russian on every page, the FEFCO pages included.

Build the site around how a buyer asks for a box

This is a retrospective of the live site. Everything below can be seen on tartupak.ee today.

Short navigation: Products, FEFCO Catalog, About and Contact, with "Request a Quote" always in the header.
A page per product category: Seven categories, each with uses, short specs and its own quote button.
The FEFCO catalogue as a working tool: 141 codes with search and series filters, and a page for every code.
One quote form: Name, company, contacts, packaging type, dimensions, quantity and message, with the sales manager's contacts and hours next to it.

From the first screen to the quote form

A manufacturer, first: The first screen says what the factory makes and offers two ways in: request a quote or browse the catalogue. Under it: from one piece, custom dimensions, flexo printing, free samples.
The factory's own story: "The Journey of a Box" walks through design, production, quality and delivery, next to the company's production photos.
Seven product categories: Corrugated cardboard, transport, flexo-printed, frozen-food, pizza, custom-shape and large-format packaging, each with its own page.
A page for each category: Uses, short specs and "Request a Quote for This Product", which opens the form with that packaging type already selected.
141 box styles in one catalogue: Search by code or name and filter by series 02–07. Each card shows the code, the name, the assembly type and one line on what it's for. The catalogue also downloads as a PDF.
A page for every code: A drawing, typical use cases, short answers (for example, which flute suits which load) and "Request a quote for this format".
The code arrives with the request: From a code page, the form opens with "FEFCO #0201" already written in the message. The sales manager's contacts, working hours and reply time sit next to it.

From a box code to a quote request

Three ways into one form: the header button opens it empty, a product page selects the packaging type, and a FEFCO page writes the code into the message.

What the site does between the main screens

The cookie choice, an empty search, the security check before Send and the language menu were captured on the live site. Validation and the success message need a real submission, so they are drawn from the site's code and marked "from code" on the board.

The same catalogue on a phone

Series filters wrap into rows, every code card stays readable, and the quote form is one column with the code already in the message.

Search and ads, set up by me too

Besides the site, I handle how buyers find it on Google.

Google Search: SEO and Google Search Console for all three language versions.
Google Ads: Paid search campaigns on Google, managed by me.

What the site is made of

A Next.js site on Vercel: the product pages, the FEFCO catalogue and its code pages, and one quote form behind a Cloudflare check that sends the request to the sales team.

Tokens and components from the live CSS

Colours, type and the components the site is built from, redrawn from production.

What this means for your company

Tartupak's buyers think in box codes, flutes and sizes. On the site they can find a box by its code and ask for a quote from the same page, in any of three languages. If your product is technical and your buyers know what they need, I can build you a site that works the same way.

Have a technical product that's hard to explain online? I'll design and build a site your buyers can order from.

tartupak.ee

Screens redrawn in Figma from the live site on 08.11.2026. The sales manager's name and contacts are replaced with placeholders; validation and success states are drawn from the site's code.

lubinartur@gmail.com · LinkedIn · CV (PDF)