PROPOSAL/Phase 0404 of 11

04Reading the current site

Products, industries, languages — what the redesign has to respect.

How to read this

The redesign keeps every element and every piece of content. What changes is what they’re built from — which makes this list a checklist, not a guess. The product and industry pages here, plus Home, Pricing, Support and Contact, are the first scope — the 17 pages this project rebuilds first; the rest of the site is decided afterwards. And the limits below aren’t obstacles: they’re the connections (the content system, translations, account area, integrations) the new components will plug into and respect. Everything here we could see from the outside, to be confirmed together with the Pix4D team in week 1.

Shared page frame

The parts every page shares. The language switcher is the quiet challenge: eight languages means every component has to hold up when translated — longer words, different line breaks, same layout.

Navigation01
Language switcher · 8 languages02
Footer03
Pricing04

Product pages

Eight product lines, each with its own page and its own story — but all needing the same parts: a banner, feature sections, product cards, calls to action. One page template, eight products using it.

PIX4Dmatic01
PIX4Dcloud02
PIX4Dcatch03
PIX4Dfields04
PIX4Dreact05
PIX4Dmapper06
PIX4Dengine07
RTK devices08

Industry pages

Five industries that present the same products to different audiences. They reuse the same parts as the product pages — banners, cards, proof sections — aimed at a different reader.

Surveying & Mapping01
AEC02
Agriculture03
Energy & Utilities04
Public Safety05

Content pages

The editorial half of the site. Blog cards, training, and support all pull their content from the content system — so these components have to handle whatever Contentful sends them.

Banner sections01
Blog cards02
Training03
Support04

What the current setup already requires

Gatsby 5

The current site is built on Gatsby 5. The new library either lives inside it or comes with a plan to move off it — and that decision is made with the engineering team, not for them.

Contentful

Content lives in Contentful. The components display that content — so the way each component is set up and the way content is structured have to be designed together.

8 languages

Every component ships in eight languages. Longer text, right-to-left scripts, and local formatting are built in from the start, not added later.

Localize

Text changes length and shape once it's translated. Components have to hold up with the translated text, not just the English — so layouts are tested with the longest version, not the prettiest one.

Account area

The site sits alongside logged-in areas and existing connections to other tools. The redesign respects those edges — the library serves the public site without breaking what's connected to it.

The component list — already live today

These components already exist on pix4d.com. The redesign rebuilds them in the new system — same elements, same content, new foundation.

NavigationShared by every page — tested in all eight languages.
Language switcherEight languages handled as a proper component, not a bolt-on.
BannerOne structure, a version per page type, content from the content system.
Product cardOne card, eight products — PIX4Dmatic to RTK devices.
Industry cardThe same building blocks, aimed at five industries.
Blog cardThe standard unit for blog, training, and support content.
FooterThe busiest component on the site — sitemap, legal, language.
PricingA clear comparison built from the basic building blocks.

Next

That’s the what. The next phase is the why — the goal behind the redesign, and the way of working it sets up.