Website Revamp Visual QA: Xsolla Portfolio and 80 Level Examples
Use stable references and focused comparison to control visual drift during redesigns.
Explore a visual QA approach for website revamps, informed by its use on the Xsolla portfolio website and 80 Level website revamp.
Revamps create concentrated visual risk
The Xsolla portfolio website revamp and the 80 Level website revamp used this visual testing workflow. Website redesigns change many connected layers at once: layout, typography, assets, templates, responsive rules, and content behavior.
Compare against redesign intent
A legacy screenshot is useful for regression context, but the approved redesign should be the acceptance reference. Match content and viewport wherever possible, then isolate global differences such as font loading or container width before reporting individual components.
Review templates and edge cases
- Test representative landing, listing, detail, and editorial templates.
- Include long titles, missing images, and variable card counts.
- Check breakpoints around navigation and multi-column transitions.
- Verify production fonts, image transforms, and caching behavior.
A practical revamp dashboard
See visual differences instead of describing them.
Compare Figma or image references with websites and mobile apps using visual evidence your whole team can review.
Explore the related workflow