Skip to content
Alba

BrickFrame

Showcase for LED-lit wall displays built around assembled LEGO models — catalogue, custom-design request and static markup with no bundler.

Challenge

For a workshop in Yekaterinburg, an assembled LEGO Technic model is a product that has to be shown in a room rather than on a white background. Every display is drawn for one specific set: mounting points, proportions, team livery. The site had to open that into a showcase where both the frame and the wall it hangs on are visible.

Solution

A single page with a 13-item catalogue, collection filters (new, bestsellers, Formula 1, hypercars) and background switching inside each card — four to six variants per model. Separate screens cover the anatomy of a display, a room view, the custom-design form, reviews and an FAQ. The markup is static with no bundler: catalogue data lives in its own JS file, so items are added without a rebuild.

Outcome

A showcase in the brand's own voice: orders open, catalogue and prices in place, enquiries landing in Telegram. It runs as a container on a shared server, ready to move onto a domain.

Stack

Vanilla JSCSSStaticDockernginx

Gallery

Opening screen — the model on its podium and the active catalogue item
Opening screen — the model on its podium and the active catalogue item
Catalogue with collection filters and prices
Catalogue with collection filters and prices
Display showcase with background switching
Display showcase with background switching
What's in the box — the display layer by layer
What's in the box — the display layer by layer
How the display reads at home
How the display reads at home
Custom-design request
Custom-design request
Frequently asked questions
Frequently asked questions