Eternity Wellness • Rapid UI Redesign for Wellness store

Rohit Gupta

0

UX Designer

Prototyper

UI Designer

Adobe Photoshop

Figma

Research & Discovery

To ensure the redesign aligned with both business and user needs, we conducted thorough research:
Stakeholder Interviews – Gathered insights from key decision-makers to understand their vision, goals, and technical requirements.
User Surveys & Interviews – Collected feedback from real users to identify pain points, usability challenges, and desired improvements.
Competitive Analysis – Analyzed competitor platforms to identify best practices and opportunities for differentiation.

UX Strategy

Using research insights, we crafted a UX strategy focused on clarity, efficiency, and engagement:
User Personas – Developed detailed personas representing First2Pay’s core user base, ensuring the redesign catered to real customer needs.
User Journeys – Mapped out user interactions to optimize the flow of information and reduce friction in achieving key actions.
Site Architecture – Reorganized the structure to make navigation more intuitive and content easier to find.

Wireframing & Prototyping

Before diving into design, we created wireframes and prototypes to test usability early:
Low-Fidelity Wireframes – Outlined the core structure and layout of key pages, focusing on usability.
High-Fidelity Prototypes – Created interactive Figma prototypes to simulate real user interactions and facilitate user testing.

User Testing Insights:

• The redesigned homepage hierarchy.
Navigation simplifications reduced user confusion and improved content discoverability.
Stronger CTAs (Call-to-Actions) increased engagement in early prototype testing.

Visual & UI Design

To modernize the platform and build trust, we established a refined, cohesive design system:
Design System – Standardized typography, color palette, UI components, and iconography for a polished, professional look.
Brand Alignment – Introduced trust-building visual elements, improved content readability, and enhanced service differentiation.
Mobile Optimization – Ensured the design performed flawlessly on all devices, improving accessibility and engagement.

Usability Testing & Iteration

To validate the effectiveness of the new design, we conducted extensive usability testing:
Prototype Testing – Real users interacted with the clickable prototype, providing insights on ease of use and clarity.
Feedback-Driven Iterations – Adjusted key sections based on usability feedback, ensuring an optimal user experience before launch.

Major Improvements Post-Testing:

• Improved conversion flow for smoother customer acquisition.
• Adjusted button placements & CTAs for better engagement.
• Enhanced dashboard experience for returning users.

Outcome & Results

The redesign significantly improved user experience, brand perception, and conversion performance.
📈 Higher engagement – More users exploring services & completing key actions.
Improved site speed & performance – Faster load times enhanced usability.
🎯 Stronger conversions – Optimized flows led to higher consultation requests & lead generation.
This project underscored the power of user-centered design, iterative testing, and strategic UX/UI enhancements in transforming digital financial services.
Like this project
0

The goal of this redesign was to enhance user experience, improve navigation, and modernize the brand’s visual identity to better reflect its commitment.

Likes

0

Views

2

Tags

UX Designer

Prototyper

UI Designer

Adobe Photoshop

Figma

Rohit Gupta

Webflow - Framer and Shopify Expert

TakeCare • Reinventing a digital filing cabinet for Health Plans
TakeCare • Reinventing a digital filing cabinet for Health Plans
WordPress Website Development | Green Hippo USA Dispensary
WordPress Website Development | Green Hippo USA Dispensary
Sage East - Webflow Website Design and Development
Sage East - Webflow Website Design and Development
Sensear - FIGMA to Hubspot Website Development
Sensear - FIGMA to Hubspot Website Development