Vyta UI Components & User Flows
Designing the building blocks of a better user experience, from navigation to conversion.

Role
Solo Designer
Tools
Figma
Deliverables
Header, Footer, Search, Webform
Focus
UX & UI Design
Small components. Big impact on experience.
Beyond full page redesigns, great websites are built on well-considered components. The header and footer frame every single page, they set tone, aid navigation, and build trust. The search experience and onboarding form are critical conversion touchpoints that can make or break a user's journey.
These components were designed as part of the broader Vyta brand system, ensuring every interaction point felt consistent, accessible, and purposeful.
Navigation that guides. A footer that informs.
Designed for both desktop and mobile, the header and footer establish the Vyta brand on every page.
Desktop
Header (Default State)

Header (Expanded State)

Footer

Mobile

Mobile Header

Mobile Header (Open)

Mobile Footer

Mobile Footer (Alt)
Helping users find what they need, fast.
A redesigned search experience for both web and mobile, making it easier for visitors to navigate Vyta's services.
Desktop Search
Search Bar (Default State)

Search Bar (Active State)

Mobile Search

Default

Active

Results
Redesigning the path to becoming a client.
The Get Started form is Vyta's primary conversion touchpoint. I redesigned the full user flow and each form step to reduce friction and guide users confidently through the process.
Full User Flow
Starting from the Vyta Homepage







Form Design, Step by Step
Step 01

Step 02

Step 03

Step 04

Step 05

Step 06
