← Back to portfolio
— UI / UX Design & Frontend Development
Sportstech Planning
Full wireframe suite for the new Sportstech online shop — information architecture, user flows and low-fidelity mockups.
The challenge
The product page mixed a lot of different feature ideas — AR preview, expert reviews, a live spec comparison, an Instagram feed — and since every block would be hand-coded rather than assembled from a page-builder, there was no safety net to rearrange things later if the structure was wrong.
The solution
We mapped the full page as a low-fidelity wireframe system up front — hero, price/variant selector, AR CTA, expert review, comparison table and specs blocks — so the development team had one clear, agreed blueprint to hand-code against before writing a single line of CSS.
The results
9
reusable page blocks defined upfront
-40%
stakeholder review rounds vs. the old process
0
scope surprises once development started
2
device breakpoints wireframed in full
