A power plant in a box, explained by scrolling

One 3D page turns the bOFFx brochure into a story: the core opens, the panels unfold, the modules dock, the solar field lays itself out and the whole system loads onto a truck as the visitor scrolls.
The challenge

Where it started

bOFFx makes modular off-grid power for remote sites. Three modules share one transport envelope: M1 is the core with a 30 kW inverter, a 60 kWh battery and a 20 kVA diesel generator, M2 adds 150 kWh of storage, and M3 unfolds into a 14.96 kWp solar field. The system was presented with an eleven-page brochure that carries every figure.

What got in the way

A table can say 60 kWh and 20 kVA, but it cannot show what sits inside the box, how the panels come out, how a second module couples to the first, or how five of them travel on one trailer. The people who buy it run construction sites, events and camps, and they had to rebuild the machine in their heads from tables. The question was how to let someone see how a box in a field powers a site, without asking them to read an engineering document.

What we built

What we built

A single scroll page that explains the whole brochure in 3D. A cutting plane opens the core so the battery, inverter, generator and energy management are seen one by one, each with its own energy flow. The panels fold out, the battery module docks, the 24 solar cassettes lay out the field, the day turns to night to show how long the battery carries the load, and five modules load onto a 13.6 m trailer and come off again on site. At the end, a configurator works out yield, runtime and diesel saved for the chosen setup.

How it works

Every number on screen is the brochure’s own. The model was built from its dimensions and drawings, and the configurator uses its formulas, so it reproduces the brochure’s tables exactly.

The page is made for a phone first. It draws a frame only when something moves, keeps every label inside the 3D scene so nothing slides against the model, and leaves at least a millimetre between parts so no surface flickers.

It lives on its own at boffx.teatika.com in the bOFFx brand, and every request for a proposal goes to the enquiry form on boffx.com. Adding it to their site took one link.

The result

What changed

  1. 01A complex product explained in one scroll
  2. 02Conversations start from the configuration
  3. 03The first button on boffx.com

A complex system became easy to explain. Buyers now see in one scroll what used to take a call and a brochure: what is inside, how it unfolds and how it travels, so the conversation starts from the configuration instead of the basics. bOFFx put the page at the front of its own website: “Explore in 3D” is the first button on boffx.com, with a 3D Configurator link in the main menu.

Overview

bOFFx

Product
bOFFx modular off-grid energy system
Modules
M1 All-in-One, M2 Battery, M3 Solar
Source
Eleven-page product brochure
Delivery
Standalone scroll page with a configurator
Proof

bOFFx

bOFFx is a lot of engineering in one box: an inverter, batteries, a generator, panels that fold out, and modules that link up and travel on one truck. The brochure had every number, but people still asked how it actually works. Teatika turned the whole brochure into one 3D page you simply scroll through, and that question went away. Everyone I’ve shown it to was impressed.
Srđan Ćulafić · bOFFx
Live

See the work live

boffx.teatika.com

Next step

Send us one product. See it in 3D, free.

A page that explains a product with a lot of engineering inside, for people who will never read the drawings.

Get In Touch

Show us your best seller

Send a message, or ask for a free 3D model of one product, no strings attached.

Address
Belgrade, Serbia
Contact
hello@teatika.com

We use optional analytics cookies to understand how visitors use the Teatika website and interactive 3D experience. Rejecting keeps analytics disabled.

A power plant in a box, explained by scrolling, bOFFx | Teatika