Building the website for Poddie's new product line

Development

Supporting the Poddie team in building their new website. From choosing a framework to building the product configurator.

Client

Poddie

Industry

Office furniture

Intro

After the success of four product lines, Poddie raised its ambitions with its newest collection. This time they went all in: booths configurable to each client, a wider range of products and colours, custom add-ons. They needed a website that matched the quality of their products. I joined the project as lead Webflow developer.

Kabiny akustyczne PoddieKabiny telefoniczne Poddie
The challenge

The team working on the website had more than 10 people. We needed a structure for the build, otherwise after two months we would have had complete chaos. We chose the Client-First framework, and I trained the team on how to build so things stayed in order.
‍
Besides the website itself, we had two user conversion paths to build and a configurator to create from scratch.

Poddie acoustic booth, connectivity features
Direction

One way of building for the whole team.

We started by agreeing the rules: Client-First, class naming, grid, ready-made components. Everyone who joined the project built the same way, and each new page was assembled from what already existed.

Products in the Webflow CMS.

Models, versions, colours, add-ons and prices live in the CMS. The product page, the configurator and the quote form all draw from the same place, and the data flows on to Shopify, Salesforce, Make and Google Sheets. You add a new product in the database, not in the design.

A configurator with real-time renders.

You choose a model, version, colour and add-ons, and the booth view changes as soon as you click. Renders load on the fly, and your choices are remembered and travel with you.

Two ways to check out instead of one.

The same basket ends with a request for an invoice or a purchase through Shopify. Those ordering in larger quantities get a separate form and receive a quote.

Part of the new Poddie website, view 7

What we delivered

Webflow Development

Building two ordering paths: a configurator for single booths and an enquiry form for larger orders. Supporting the team with the hardest build tasks.

Custom code

The configurator: choosing a model, colours and add-ons, loading renders on the fly, remembering choices and carrying them across pages through to the order summary.

Integration with external systems

Basket and payments through Shopify. Order export to Salesforce. Automations in Make. On-site event tracking through Google Tag Manager.

Launch and training

Moving three websites to new domains and updating the previous ones. Training the team to run the website, and support during the first month after launch.

Part of the new Poddie websitePart of the new Poddie website, view 1Part of the new Poddie website, view 4Part of the new Poddie website, view 2
The result

A new product line with a website to match.

Two ordering paths live: a configurator for single booths and an enquiry form for larger orders.

Products, versions and prices in one CMS, feeding Shopify, Salesforce, Make and Google Sheets, so new products are added in the database, not in the design.

Selected stories

CineLine

Two different services,
one consistent website

A new website built from scratch for CineLine: film post-production for producers and their own eDelivery system for delivering films to cinemas.

Michał gave the site an artistic look that fits our needs perfectly. He was easy to work with, and communication was refreshingly informal.

Mateusz Szulc, CEO CineLine

Mateusz Szulc

CEO, CineLine

CineLine website design

Box 17

16 subpages,
4 languages,
30 days.

How we helped BOX 17 with a complete website redesign 30 days before an international trade fair

He has a great eye for aesthetics and atthe same time handles the technicaldetails, so everything works and looksexactly as it should.

Mateusz Szulc, CEO CineLine

Grzegorz Nawrocki

Marketing Manager, Box17

Got an idea?
We'll make it happen

Tell us what you're working on. We reply personally and tell you straight how we can help.

Michał Gabryelewicz z NiceTuMeetu
Michał Gabryelewicz z NiceTuMeetu