Bliss XO (Olympia Homepage Redesign)
Pixel-accurate Shopify homepage rebuilt from an Adobe XD design without risking the live store.
Visit live site
The Challenge
The client supplied an Adobe XD design and needed a pixel-accurate result, with exact fonts (Degular, Sweet Sans Pro), sizes, spacing and colours. After the client flagged the first version as inaccurate, every section had to be rebuilt to the 1920×1080 XD dimensions.
Our Approach
We rebuilt each section against the XD measurements in a copy of the live theme so the live store stayed safe, added an image zoom feature, and exposed theme editor settings so images and fonts can be changed without code.
The Impact
The homepage now matches the approved design, and the client’s team can update images and fonts themselves from the theme editor.
More Shopify projects
Have a similar problem to solve?
Tell us what you're building and we'll tell you exactly how we'd approach it.
Start Your Project