🚀 Just shipped my submission for the Replit Buildathon on Contra! Over the last couple of days, ...

🚀 Just shipped my submission for the Replit Buildathon on Contra! Over the last couple of days, ...🚀 Just shipped my submission for the Replit Buildathon on Contra! Over the last couple of days, ...

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

Shyam Kannan

• 1d

🚀 Just shipped my submission for the Replit Buildathon on Contra!

Over the last couple of days, I built Voyage — an AI-powered personal travel planner designed to make trip planning feel effortless.

Instead of juggling spreadsheets, notes, and bookmarks, Voyage brings everything together in one beautiful workspace: ✈️ Plan trips 🗓️ Build itineraries 💰 Manage budgets 📍 Save places 📖 Keep travel documents 🤖 AI-assisted trip planning

One thing I focused on was making it feel like a real product rather than just another template. Every screen follows the same design system and is built to be easily remixed into other travel experiences.

I'd genuinely love your feedback - whether it's on the UI, UX, or overall concept. If you like it, your support on the Buildathon submission would mean a lot!

🌍 Live app: https://voyage-design-system.replit.app/

Thanks to the Contra and Replit teams for running this challenge. It was a fun opportunity to build something from scratch in a short time.

#Buildathon #Replit #Contra #UIDesign #UXDesign #AI #TravelTech #WebDesign #ProductDesign

UI Design Replit replitchallenge

Idris Lamina

pro

• Aug 3

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.

UI Design Web Development GSAP Next.js Web Design

Maty Sandoval

max

• Aug 4

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?