01 / Sport Floor — Project visual
Work / Sport Floor / Sport surfaces
Sport. Surface. Experience.
Sport surfaces / Product story / Digital experience
Floors for courts and tracks, sorted by what you’ll play on them.
01 / The communication challengeResearch / Use case / Next action
From product details / to clarity
Performance has to
make sense.
A buyer usually knows what sport they’re building for, not which surface they need. So the site starts from the sport and explains the differences in plain words, before any product codes.
02 / Experience structureA clear path / Many surfaces
Start from the sport.
Choose the context.
A school gym and a running track raise different questions, so they get different pages.
Explain the material.
Technical figures turned into comparisons a buyer can follow.
Make contact simple.
The enquiry comes once the visitor knows which surface fits.
03 / Up closeStudio renders / The preview
The same site, eight ways in.
01 / On a phoneThe enquiry page 
02 / The detailThe floor-choice guide, close up 
03 / Across sizesThe finished projects 
04 / Straight onAll four devices 
05 / The monitorThe home page 
06 / Laptop and phoneThe enquiry page 
07 / The tabletThe finished projects 
08 / The whole deskFrom high on the left
04 / In printStudio renders / The printed pieces
The same brand, on paper.
01 / The print setThe brochure 
02 / The spreadThe brochure 
03 / The editionsCzech and English
05 / The systemFrom the preview / Read, not redrawn
The brand, as the site draws it.
06 / Content conceptProduct logic / Editorial rhythm
Clarity is a performance feature.
Large pictures of the surfaces, a clear label for where each one is used, short buying advice, and very little that moves.
07 / Digital experienceDesign language / Visual application
Built for the next step.
The design leans on type and a clear order of information, and the path from browsing to an enquiry is short.
Case study visuals / Illustrative until verified
Back to all projects
08 / Deliverable areasWhat I did
Four parts of the work.
01 / Content
Clear categories.
The site organised by where the surfaces are used.
02 / Brand
Distinctive visual voice.
Type and pictures chosen to work together.
03 / UX
Useful guidance.
Comparisons a buyer can read and act on.
04 / Delivery
Built to evolve.
Content that’s easy to extend and code with tests.
09 / MeasuredThe preview build / PageSpeed Insights
The preview, measured.
Mobile
- Performance
- 100
- Accessibility
- 100
- Best practices
- 100
- SEO
- 69
- Largest contentful paint
- 1.3 s
- Total blocking time
- 10 ms
- Cumulative layout shift
- 0.00
Desktop
- Performance
- 100
- Accessibility
- 100
- Best practices
- 100
- SEO
- 69
- Largest contentful paint
- 400 ms
- Total blocking time
- 0 ms
- Cumulative layout shift
- 0.00
PageSpeed Insights (Lighthouse 13.6.0) · measured 13 November 2026
A preview is kept out of search engines on purpose (noindex), and Lighthouse counts that against SEO. The production site is indexable.
The full report
| Mobile | Desktop | |
|---|---|---|
| Performance | 100 | 100 |
| Accessibility | 100 | 100 |
| Best practices | 100 | 100 |
| SEO | 69 | 69 |
| Largest contentful paint | 1.3 s | 400 ms |
| First contentful paint | 1.0 s | 400 ms |
| Total blocking time | 10 ms | 0 ms |
| Cumulative layout shift | 0.00 | 0.00 |
| Speed index | 2.0 s | 900 ms |
Lab data: Lighthouse under simulated mobile and desktop conditions. Real visitors’ numbers can differ.
Run it yourself on PageSpeed Insights (opens in a new tab)01 / More projectsNext one
More projects.
Independent by design / Built to stand apart
Sell something technical?
Tell me what your buyers get confused about, and I’ll look at how the site can sort it out.
Start a project