Context
Restyle starts with a website URL. It analyzes a site's default-looking UI, presents a before-and-after preview, and offers an implementation patch for teams that want to apply the changes.
The problem
A redesign pitch is hard to judge from words alone. Site owners need to see the proposed visual direction on their own page before buying implementation work.
How we approached it
We made the preview the product's main proof. The Next.js site accepts an authorized URL, uses browser capture for before-and-after views, and connects the redesign pipeline to a downloadable Tailwind patch and one-time checkout.
What shipped
- URL-first public landing page
- Before-and-after redesign preview
- Next.js and Tailwind patch workflow
- One-time checkout and download path
Outcomes
- Visitors can evaluate a visual direction before committing to a redesign
- The preview and implementation offer live in one focused flow
Stack
- Next.js
- TypeScript
- Tailwind CSS
- Playwright
- Drizzle ORM
- Polar
