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
Veranda, a luxury residential concept landing page
Veranda is a concept build I created for a fictional luxury residential brand. It is not client work or a real property. The images and hero motion were generated with AI as part of the creative process.
I wanted to explore something that matters when building high-fidelity landing pages: after several rounds of changes, how do you make sure the final page still looks like the design that was approved?
The site is built in Next.js with responsive layouts, self-hosted fonts, GSAP motion and an interactive walkthrough. I also built in a proper QA process around it, not just checking that the page loads and the buttons work.
It compares 12 sections across five screen sizes against approved visual baselines. It flags visual drift, missing baselines and changes that have not been reviewed. I also tested interactions, accessibility, contrast, performance, browser behaviour and reduced-motion states.
The main lesson for me was simple: a page can pass functional tests and still no longer be the page that was agreed.
Every detail has been carefully considered!
Thank you so much, I really tried to think everything through and break it into phases
Nice project!
Thank you so much!
Building a QA process that flags visual drift against approved baselines is such an underrated skill, most people just eyeball it after changes go in. What first made you start checking for that instead of trusting the build looked right?
Honestly, I learned it the slightly embarrassing way 😅 The build was technically green, but when I revisited the original plan, I realised I’d quietly replaced two approved design decisions with choices I personally preferred. None of the functional, performance or...
That gap between passing every test and still being the approved design is such a sneaky one, especially when the swap felt like an improvement in the moment. Do you catch that now by diffing against the original comps directly, or is it more of a gut check before you ship?
Visual regression testing across 12 sections and 5 viewports is such a critical practice! Catching visual drift before shipping ensures the actual build stays 100% faithful to approved baselines. Outstanding approach!
Thank you, Abdul! Exactly, that distinction between a working build and an approved build became the key lesson for me. The five viewports also caught changes that a desktop-only comparison would have completely missed. Really appreciate it!
Feels premium, well done!
Thank you so much Nikas, I really appreciate it!
Looks so cool man
Thank you so much Mahmudul!
Stunning attention to detail! Every single element feels intentional and perfectly placed. Great job!
Thank you for your kind words, I really appreciate it!
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
Excited to share my submission for the #FlowstepChallenge!
I designed Maven AgriConnect, a mobile marketplace that connects farmers, buyers, and logistics providers in one seamless experience. Starting with Flowstep AI, I refined the concept in Figma to create a role-based product focused on usability, trust, and efficient agricultural commerce.
Tools: Flowstep AI • Figma
@flowstep_ai
#UIDesign #Figma #ProductDesign #Marketplace #MobileApp
A few highlights from the Brainrot Project!
In 3 months we delivered:
100+ app screens
60 + Illustrations
70 + animations
+ Branding, Appstore Screens, Website and hundreds of Slack jokes.
Couldn't have done it without the legends Mary Delaney and Arsen Airyan!
If your brand or app needs a substantial facelift to stand out in the AI Slop age, let me know!
Congrats man!
Designed a modern AI Customer Support Platform Landing Page.
Clean and professional UI with clear value proposition, smart AI chatbot highlights, feature sections, and strong CTAs focused on delivering faster, smarter customer service.
looks cool mate