KH
AboutProjectsExperienceSkills
← Back to Projects
SPX

SPXFit Gym Configurator

Web & Mobile Product Configurator

EngineeringDesigner & Developer
Project Showcase
SPXFit mobile and PC app view
Mobile & PC
SPXFit configurator on desktop display
Configurator on desktop
SPXFit mobile app
Mobile app
SPXFit app on PC mockup
App on PC
SPXFit Figma mockup
Figma mockup
SPXFit future concept mockup
Future concept mockup
SPXFit wireframe 1
Wireframe 1
SPXFit wireframe 2
Wireframe 2

A web and mobile configurator enabling users to design custom gym equipment using client-provided materials. Tackled performance challenges by switching from 8K to 4K WebP renders, achieving ~70% faster load times while maintaining full visual clarity at 150% zoom.

Key Highlights

  • →~70% faster load times via WebP compression and 4K render optimization
  • →Scalable segmented image rendering framework to avoid pre-rendering all color combinations
  • →Dynamic image merging for the equipment save feature
  • →Fully responsive across mobile and web browser platforms

Technologies

ReactNext.jsTypeScriptTailwind CSSNextUIBlenderTwinmotionFigma