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
