VioResume

An AI-powered resume app, designed and built from the ground up, that helps job seekers stand out and get hired faster.

Context

We partnered with VioResume to design and build an AI-powered resume platform from the ground up. We designed every screen and interaction, from onboarding to job matching, to help users stand out and land the job they want faster.

VioResume on phones, with launch stickers

Why the product needed a redesign

  • 27.53% Very high bounce rate. People landed on the platform and left almost immediately. The interface didn't communicate its value fast enough, with no clear entry point or reason to stay and explore.
  • 14.45% High dead-click rate. Nearly 1 in 7 clicks led nowhere. Navigation was unclear, calls to action were buried, and users kept tapping on non-interactive elements, a clear sign the UI wasn't meeting their expectations.
  • 0.02% Extremely low conversion. Only a fraction of users completed the core action of building a resume. The flow had so much friction that people dropped off before they could experience the product's real value.

Every great product starts with a rough sketch. We mapped VioResume’s core user journeys on paper first: stress-testing flows, questioning assumptions and stripping the experience down to its essentials before a single pixel was placed.

Paper sketches of the resume builder Sketched screens for the landing page and editor

The mobile blueprint

VioResume uses AI to show off a person’s strengths and connect them with jobs that fit their skills, so they can land the right role faster.

Mobile first, detail obsessed

Every screen was designed with the mobile user at the centre: a high-fidelity experience where every pixel, interaction and transition serves a single purpose.

VioResume on a phone resting on a textured surface

Onboarding

We designed a guided onboarding flow that lets people create or import their resume in minutes. Each step was refined to reduce drop-off and build confidence from the very first interaction.

The welcome screen on two phones

Sign-up, account creation and resume start screens

Step by step, zero stress

A guided multi-step form collects personal details, education and skills without overwhelming anyone. Progress indicators keep people oriented and motivated to finish.

Resume import, upload progress and personal details screens

The step-by-step form on a phone

The AI assistant guiding a user through their resume

A smartwatch notification: your resume was checked The VioResume menu on a phone

The VioResume landing page on a phone A job seeker working on a laptop

Job board

The job board feels personal, not overwhelming. Users see curated listings matched to their profile, with clear match scores and one tap to the job details, so finding the right opportunity is fast.

Job board, job details and application screens

Built to scale

Inputs, modals, buttons and notifications were designed as one reusable system: a single source of truth that keeps the product consistent from the first screen to the last.

The VioResume component library

Click to zoom

↑↓ move ↵ open esc close