The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
ShredMetrix — Interactive Snowboard & Ski Comparison Application
I designed and developed ShredMetrix for a client, handling everything from UI/UX design to front-end development and interactive functionality.
The biggest challenge was creating an accurate visual comparison system where snowboards and skis maintain their real-world proportions across different screen sizes.
What I built:
Dynamic comparison engine: Used mathematical path calculations to generate accurate board outlines, profiles, and visual overlays.
Interactive canvas: Built a responsive comparison interface with up to 5× zoom and measurement grids.
Personalized onboarding: Created conditional questionnaires connected directly to product filters.
Visual measurement graphs: Designed interactive graphs for comparing dimensions, shapes, and taper.
Smart filtering & search: Integrated product specifications, brands, and personalized recommendations.
Responsive walkthrough: Customized React Joyride for interactive, device-specific tutorials.
My role: UI/UX Design, React Development, Interactive Visualization, and Responsive Design.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
If a doctor has to hunt for a patient’s vital signs, the dashboard is getting in the way of care.
Doctors don’t need another dashboard. They need the full patient picture at a glance.
In healthcare, confusing UX isn’t just frustrating. It can delay understanding when every second matters.
DocuVerse brings vital signs, patient metrics, and health trends into one clear view, making complex health data easier to scan and understand.
Less searching. More clarity. Better informed decisions.
That’s what healthcare UX should deliver.
Would you design a healthcare dashboard for more data, or better decisions?
A clearer patient overview can make complex health data feel far less overwhelming. That’s thoughtful UX.
My portfolio just got a new look.
Fresh design with motion and a lot of small details you only find when you start playing with it.
See it live: https://rivii.work
Building something? If you want a site that looks as good as the thing you’ve built, my inbox is open.
The Selected Work section looks so sharp.
How can teams build practical AI skills without taking employees away from their everyday work?
Skillio makes AI upskilling hands-on through short, role-based simulations. Employees practise real work scenarios, while HR and L&D teams can track progress, identify skill gaps, and guide development.
The landing page brings that value into focus with a bold “AI skills. Real results.” hero, pixel-inspired graphics, realistic imagery, and product visuals. High-contrast blue and dark sections create energy, while soft pink areas balance the page. Clear messaging and strategically placed demo calls to action guide decision-makers through the offer.