Overmax · UI/UX Design
A shop where RC cars look straight out of “Fast & Furious”
UX/UI design for the Overmax shop: RC cars in cinematic shots, a polished product page, a category menu and a quiz that picks the right model.
See how it was madeProject goal
RC cars in cinematic shots
- Rebellion
- Fun
- Storytelling
Overmax came to us with a clear goal: on the new website, its RC models should look like cars from “Fast & Furious”, not toys off a shelf. From the first screen, visitors should feel they're in the middle of the action, with the thrills included as standard, along with the model.
That's why we show the products as if on a cinema screen: in low shots, in dust thrown up by the wheels, in splashes of water and coloured smoke. A lot happens on the site: a video on the first screen, sliding categories, driving photos on hovering over a tile, numbers and slogans that change as you scroll the product page.
The presentation builds desire, while the shop stays clear. The product page, menu, quiz and comparison tool lead straight to choosing a model.
Video and category photos from overmax.pl.
01Phone first
We presented the concept on the product page, not the home page
Most Overmax customers browse the shop on their phones, and the view that matters most to them is the model page. So we built the first visual concept on the mobile X-Hooligan page, and only then designed the home page and the other views on top of it.
The interactions had to feel modern but be simple to build: horizontal scrolling, in-place screen changes, video and hover, without heavy effects that are hard to carry over into the shop.
02Product page
The product page, the most polished view in the shop
The product page is where the purchase decision happens, so we refined every part of it. We built it around the X-Hooligan: gallery and price at the top, specs in tiles with icons, slogans and numbers that change as you scroll, driving scenes in a horizontal row, specifications in expandable groups, and at the end the kit contents, questions and downloads.
- 35 km/htop speed
- 40 minof total driving time
- 4WDfour-wheel drive
- 1:10scale, a large model
- 14+driver's age
- More power
- More speed
- More adrenaline
A companion for every adventure
-
Big size
-
Adjustable suspension
-
Hydraulic shock absorbers
-
Get noticed on the track
Detailed specification
General specifications
- Vehicle type
- Short Course Truck
- Terrain type
- Off-road
- Driving style
- Fast driving
- Level
- Intermediate
Dimensions
- Length
- 420 mm
- Width
- 270 mm
- Height
- 175 mm
- Weight with battery
- 2.02 kg
Performance and specs
- Motor
- brushed, 2000 KV
- Battery
- Li-Po 7.4 V, 1800 mAh
- Run time per battery
- 20 min
- Range
- 100 m
Drive and suspension
- Drive
- 4WD
- Differentials
- front and rear
- Suspension
- independent
- Shock absorbers
- metal, hydraulic
Product page details
- 01
Purchase bar
On phones, the price, the “Add to cart” button and comparison stay at the bottom of the screen throughout the page.
- 02
Out of stock
A separate state for the page and the tile when a model is temporarily unavailable.
- 03
After adding to cart
A separately designed view that appears after clicking “Add to cart”.
Data from the product page on overmax.pl.
Tiles and model counts from the overmax.pl menu.
04Find your product
A quiz that picks a model in a few questions
Anyone who doesn't know RC models answers a few questions: where they want to drive, on what terrain and how they rate their skills. Each answer narrows down the list, and at the end only the models that fit remain. The demo below runs on the same logic as overmax.pl.
Questions and recommended models from the quiz on overmax.pl.
05Categories
Five categories, each with its own driving character
On the home page the categories slide past as if on a track: a huge name in the background, the model in the foreground.
X-Clash
- 1:22 scale
- On-road
- Ages 8+
X-Monster 3.5
- 1:18 scale
- Off-road stunts
- Ages 14+
X-Hooligan
- 1:10 scale
- 35 km/h
- Ages 14+
X-Tireburner
- 1:16 scale
- Drifting on tarmac
- Ages 8+
X-Surge
- RC speedboat
- 100 m range
- 2.4 GHz
06Comparison
A comparison that shows the differences at once
Models in one category can be very similar. In the comparison tool we added a switch that hides all the identical specs.
| Specification |
X-Hooligan
|
X-Monster 3.0
|
X-Monster 3.5
|
X-Tireburner
|
X-Clash
|
|---|---|---|---|---|---|
| General specifications | |||||
| Vehicle type | Short Course | Monster Truck | Monster Truck | Drift & Drag | Stadium Truck |
| Terrain type | Off-road | Off-road | Off-road | On-road | On-road |
| Scale | 1:10 | 1:18 | 1:18 | 1:16 | 1:22 |
| Age | 14+ | 14+ | 14+ | 8+ | 8+ |
| Performance and specs | |||||
| Top speed | 35 km/h | 30 km/h | 30 km/h | 20 km/h | 20 km/h |
| Motor | 2000 KV | 2800 KV | 2800 KV | 2100 KV | 3000 KV |
| Drive | 4WD | 4WD | 4WD | 4WD | 2WD |
| Run time per battery | 20 min | 20 min | 20 min | 20 min | 15 min |
| Dimensions and kit | |||||
| Weight with battery | 2.02 kg | 0.86 kg | 0.90 kg | 0.49 kg | 0.39 kg |
| Length | 420 mm | 260 mm | 260 mm | 297 mm | 215 mm |
| Second body shell included | No | No | Yes | Yes | Yes |
The selected models have the same specifications in this table.
Data from the product pages on overmax.pl.
07Why Overmax
Four words that open up on their own
The brand's distinguishing features on the home page open in several ways at once: on scroll, on hover and on tap on a phone. We settled on this in a feedback round, because scrolling alone wasn't always enough to make the description readable.
-
Races, off-road adventures and tinkering with your own model. Real experiences instead of yet another screen.
-
Whatever your age and experience. “Beyond limits” is an invitation to play beyond school, work and everyday rules.
-
Durable materials and a design that gets the most out of every part, so the model keeps running like new for a long time.
-
RC models as an excuse to get together. Beginners and seasoned enthusiasts on the same track.
Descriptions based on the brand's content on overmax.pl.
08Blue on black
A lighter blue that doesn't get lost in the dark
The site is dark, like a track in the evening. Overmax's primary blue turned out too dark on a black background, so in the design we used a lighter blue from the car range. Headings got the wide Zalando Sans Expanded typeface, and body text is set in Inter.
- Blue#3070eb
- Black#0c0c0c
- White#ffffff
Beyond limits
09How we worked
Seven laps from workshops to developer files
-
Lap 1/7
Workshops
With the brand team we set the site's goals, its audiences and the character it should have.
-
Lap 2/7
Functional wireframe
Home page, menu, listing, product page, search, comparison tool and space for community content.
-
Lap 3/7
Concept on mobile
The visual direction shown first on the mobile X-Hooligan page, because that's where the most happens.
-
Lap 4/7
Typeface and colour
Zalando Sans Expanded for headings, Inter for text and a lighter blue for dark backgrounds.
-
Lap 5/7
Feedback rounds
The menu as a readable list, carousels with dots on mobile, features that open on tap, icons in a new style.
-
Lap 6/7
States and edge cases
Product unavailable, the view after adding to cart, listings with 2, 3 and 4 models per row, colours for the finished cart.
-
Lap 7/7
Animation and handover
A video showing how the site moves, and a package of files: SVG icons, model photos and backgrounds for the implementation team.
10Live site
A design that's already on the road
The site was built by the Overmax team based on our design. The home page, menu, quiz, categories, product pages and comparison tool are live on overmax.pl today, and the footer carries the credit “Design by fluostudio”.
Beyond limits
Overmax got a complete shop design in which the cars look like they're from an action film and choosing a model stays simple: from the product page on mobile, through the menu and quiz, to the comparison tool with its differences switch.
- Client
- Overmax
- Scope
- Strategy workshops · Functional wireframe · UX/UI design for desktop and mobile · Icons · Concept animation · Files prepared for implementation
- Implementation
- Overmax’s own team
- Online
- overmax.pl
More projects
-
BEST Group
A logo for BEST's 30th anniversary, the new best.com.pl website and one brand system for the group companies' websites in five countries.
-
Vee
We designed the Vee brand with its sub-brands, the vee.ai website, web applications and trade fair materials, and for myvee, the identity and a store.
-
irtech
Two workshops, a logo with a plus formed from the letters r and t, over 20 templates and one style for product photos, for a distributor of measuring equipment.
-
DCX
We built DCX's whole brand communication on the logo it already had: from trade fairs and a catalogue to 3D launch animations, a website and LinkedIn.
-
Porta Drzwi
A design system for an existing logo: a frame taken from the logo, grids, icons, drawings, a catalogue, porta.com.pl, social media and sales materials for a door manufacturer.
-
Mily Group
A rebrand for a deer antler supplier: communication strategy, logo, logo guidelines, the milygroup.com website and trade fair materials.
-
Dawtona Group
All of Dawtona's communication beyond the shelf: over 90 projects, from posts and trade fair stands to four websites and animations.
-
Itodi
A new made-to-measure furniture brand built from scratch: the name, a logo with a stretched “o”, the design of a shop with a configurator, an instruction leaflet and packaging.
-
Design Optyk
A family-run chain of premium eyewear stores: an identity without gold, in-store materials and a new online shop linked to the stock of six of its seven stores.
-
Fundacja MultiSport
An identity with a design system in Figma, a WCAG-compliant website and a brand hero duo that gets people moving.
-
PetCuisine
We built a brand from scratch for a pet food manufacturer in the Dawtona Group: from the name and tagline, through packaging in 12 flavours and the website, to trade fair stands across Europe.
-
Zippy Tail
We built the Zippy Tail brand from scratch: the name, strategy, labels for eight supplements for dogs and cats, the shipping box and the shop design.
Facing a similar challenge?
Tell us what you want to change. In a first, no-obligation call we will see whether and how we can help.