back

Redesigned core UX flows, cut download friction by 60%, and rebuilt the landing page for an Amsterdam AI real estate startup.

Role

Product Designer
(UX/UI + Frontend)

Type

Client Work

Stack

Figma, React

Team

Founder
Product Manager
Software Developer
Product Designer (me)

Timeline

1 day design + 1 week development

Visugenie landing page redesign

Visugenie is an AI-powered real estate visualization tool.

The product was already live with over 20+ users and 1000+ generated images when I found the founders online and reached out cold to help.

This was my first real frontend project and it was a rush job.
Before public launch, one week, start to finish.

Century 21 Engel & Völkers Keller Williams Next Realty RE/MAX Sotheby's
Landing Page

Before our first meeting, I conducted user research by interviewing an active Visugenie user and over 5+ realtors within my network to better understand their needs, workflows, and pain points.

The first meeting was the design session. I came in with directions, we went back and forth, getting to the final design took entire day of pitching directions, collecting feedback, and iterating.

Landing page design iterations
UX meeting design session screenshot
Landing Page

Through active collaboration, I re-built (hero, features, pricing, and how-to-use) landing page while some sections (like the navbar, faq and footer) were implemented by the developer. The final build reflected their implementation decisions, giving me a clearer understanding of constraints when working in a shared codebase under tight deadlines.

GitHub Collaborative PR history GitHub pull request for the Visugenie landing page handoff
UX Design

The Insight

User research and competitive analysis revealed three distinct user types.
Each entering Visugenie with a different mental model and goal.

Realtors

Needs listing photos and visuals that make buyers stop scrolling, book more showings, and help homes sell faster. Visuals that stop buyers scrolling and sell homes faster.

Architects

Needs clients to clearly see the finished result so they can make decisions with confidence before construction even starts. Clear visuals so clients approve before construction.

Interior Designers

Needs realistic visuals that help clients instantly understand the design and say yes to the concept. Realistic visuals that win client approval.

The problem

All three of our user types were landing on the same generic interface with all kinds of features after signup, which was a critical friction-point and triggered massive-churn in the product.

The solution

The solution was not separation, it was intent-first orchestration.
So I designed the onboarding to assign each user one of three values:

Intent-based onboarding screen design

Let's get you set up.

Let us tailor the Visugenie experience for you.

How will you use Visugenie? Select one

Visugenie product interface
UX Design

Before (asset-download flow)
At the end of the user's journey, users had to tap download multiple times to get their assets, get held hostage inside a wait-modal, and re-initiate an action they thought they had already taken.

Step 1: Click image

1. Click image

Step 2: Click download

2. Click download

Step 3: Select upscale

3. Select upscale

Step 4: Click download again and wait for download

4. Click download again & wait for download

Step 5: Land on confirmation page and click download once again

5. Land on confirmation page & click download once again

High Cognitive Friction

  • Multiple unnecessary clicks to complete a download
  • Broken sense of continuity
  • Perceived delay even after processing finished
High Cognitive Friction Multiple unnecessary clicks to complete a download Broken sense of continuity Perceived delay even after processing finished

After (redesigned flow)
The redesigned flow has three steps. Select the image, choose upscale options or download, download starts automatically when ready. No intermediate page. No second download button. No uncertainty.

Step 1: Click download icon on image

1. Click download icon on image

Step 2: Select upscale and download starts on select

2. Select upscale (download starts on select).

Step 3: Download starts in background and auto downloads when ready

3. No need to wait, as download already started.

Impact

5 3

steps to complete task

~8s ~3s

significantly improved product speed.

~60%

faster user-facing flow

What I'd change

I'd build in a checkpoint with engineering before the week was over. The product was still moving while I was designing, and one rush pass left little room to reconcile drift — a mid-week alignment would have caught mismatches earlier.

What I learned

Designing for a product still being built also means some decisions will get implemented differently than you designed them, or not at all. The onboarding system and the download flow were handed off as Figma files. The job is to make the reasoning clear enough that the right decision is easy to make.