Overview

OVERVIEW

Strong value. Weak experience.

BenefitHub offers access to thousands of deals and discounts across everyday categories. The value is strong, but the mobile experience made it hard to access. Users struggled to navigate, discover relevant deals, and move through onboarding without friction.

 

This project focused on simplifying the experience, improving deal discovery, and creating a mobile app that feels purposeful and easy to use.

THE PROBLEM

Users weren't struggling with the idea of saving money.

They were struggling with the experience.

The app presented a few core challenges:

Navigation felt unclear and inconsistent

Deal discovery relied on long, overwhelming lists

Login and registration flows were fragmented

The app didn't feel meaningfully different from the web

Users had to think too much before taking action

MY ROLE

I led the design process across the mobile app experience.

Audited the existing product

Identified friction points and drop-offs

Defined a new UX direction

Designed key flows and interactions

Built reusable components in Figma

Collaborated with product and engineering

DESIGN APPROACH

I used a sprint-based process to stay focused and move at pace.

Understand

Flows, behavior, business requirements

Explore

Nav patterns, discovery directions

Decide

Prioritize friction reduction

Prototype

Interactive flows for clarity testing

Refine

Stakeholder and engineering feedback

WIREFRAMES

01 — Key design decision

A Single Adaptive Entry Point

Instead of separating login, registration, and edge cases, I designed a single, adaptive entry point.

 

Users start by entering their email.

 

From there, the system handles the complexity:

 

→ Routes existing users to the correct login method

→ Surfaces organization selection when needed

→ Guides new users into the right registration flow

→ Handles referral codes, invitations, and domain rules in the background

 

This turns a fragmented system into a guided experience.

Login Flow

The design system shipped into a live product.

The app bar, card components, chips, pagination, breadcrumbs, alerts, and bottom navigation are all visible across the homepage, category pages, brand pages, and giveaways campaign. The countdown alert component, built specifically for BenefitHub's giveaway mechanic, appears exactly as designed in the Figma system. Every surface of the product is running on the same shared foundation.

onboarding

02 — Key design decision

Making Deal Discovery

Feel Guided

Once inside the app, the focus shifts to

helping users find value quickly.

 

→ Inside the app, the main challenge was helping users find something relevant without overwhelming them. I introduced modular carousels that surface highlights first and give users a clear path to explore more. No more wall-of-deals on load.

 

→ Search was redesigned to meet users at every stage of intent. An empty state shows curated categories and popular searches. A focused state surfaces recent activity. An active state prioritizes relevant suggestions. Each state has a job and does only that job.

 

→ Local deals got a map-based view. Results update based on location and interaction, and users can switch between map and list. It makes nearby offers feel immediate instead of buried.

Local DEALs & Search

03 — Key design decision

Designing for Consistency

Each feature was designed as part of a system.

 

→ Shared interaction patterns

→ Reusable components

→ Clear behavior rules

 

This made the app easier to scale and easier to build.

Outcomes

Stakeholder feedback confirmed that the new onboarding flow removed the confusion that had caused early drop-off, and deal discovery felt more purposeful and less exhausting to navigate.

The redesign moved the experience from confusing to clear.

Onboarding

4 auth paths reduced to a single adaptive entry point

Discovery

Structured carousels and intent-aware search replaced flat lists

Consistency

Reusable component library scaled across all key flows

Handoff

Documented behavior rules reduced back-and-forth with engineering

What I learned

Complex systems need simple entry points.

When users have to figure out where they belong before the product helps them, you lose them before they see the value.

Remove the decision. Guide the step. Trust builds from there.

Project

BenefitHub Browser Extension

Case Study

The BenefitHub Browser Extension helps members find and activate the best deals while shopping online. Available on Chrome, Safari, Edge, and Firefox, it shows cashback offers and promo codes, ensures easy activation, and reminds users to save at checkout.

See Project

Icons

Connect today and explore your project's potential.

Icons

Contact

© Simorka Designs

All Rights Reserved

Overview

OVERVIEW

Strong value. Weak experience.

BenefitHub offers access to thousands of deals and discounts across everyday categories. The value is strong, but the mobile experience made it hard to access. Users struggled to navigate, discover relevant deals, and move through onboarding without friction.

 

This project focused on simplifying the experience, improving deal discovery, and creating a mobile app that feels purposeful and easy to use.

THE PROBLEM

Users weren't struggling with the idea of saving money.

They were struggling with the experience.

The app presented a few core challenges:

Navigation felt unclear and inconsistent

Deal discovery relied on long, overwhelming lists

Login and registration flows were fragmented

The app didn't feel meaningfully different from the web

Users had to think too much before taking action

MY ROLE

I led the design process across the mobile app experience.

Audited the existing product

Identified friction points and drop-offs

Defined a new UX direction

Designed key flows and interactions

Built reusable components in Figma

Collaborated with product and engineering

DESIGN APPROACH

I used a sprint-based process to stay focused and move at pace.

Understand

Flows, behavior, business requirements

Explore

Nav patterns, discovery directions

Decide

Prioritize friction reduction

Prototype

Interactive flows for clarity testing

Refine

Stakeholder and engineering feedback

WIREFRAMES

01 — Key design decision

A Single Adaptive Entry Point

Instead of separating login, registration, and edge cases, I designed a single, adaptive entry point.

 

Users start by entering their email.

 

From there, the system handles the complexity:

 

→ Routes existing users to the correct login method

→ Surfaces organization selection when needed

→ Guides new users into the right registration flow

→ Handles referral codes, invitations, and domain rules in the background

 

This turns a fragmented system into a guided experience.

Login Flow

The design system shipped into a live product.

The app bar, card components, chips, pagination, breadcrumbs, alerts, and bottom navigation are all visible across the homepage, category pages, brand pages, and giveaways campaign. The countdown alert component, built specifically for BenefitHub's giveaway mechanic, appears exactly as designed in the Figma system. Every surface of the product is running on the same shared foundation.

onboarding

02 — Key design decision

Making Deal Discovery

Feel Guided

Once inside the app, the focus shifts to

helping users find value quickly.

 

→ Inside the app, the main challenge was helping users find something relevant without overwhelming them. I introduced modular carousels that surface highlights first and give users a clear path to explore more. No more wall-of-deals on load.

 

→ Search was redesigned to meet users at every stage of intent. An empty state shows curated categories and popular searches. A focused state surfaces recent activity. An active state prioritizes relevant suggestions. Each state has a job and does only that job.

 

→ Local deals got a map-based view. Results update based on location and interaction, and users can switch between map and list. It makes nearby offers feel immediate instead of buried.

Local DEALs & Search

03 — Key design decision

Designing for Consistency

Each feature was designed as part of a system.

 

→ Shared interaction patterns

→ Reusable components

→ Clear behavior rules

 

This made the app easier to scale and easier to build.

Outcomes

Stakeholder feedback confirmed that the new onboarding flow removed the confusion that had caused early drop-off, and deal discovery felt more purposeful and less exhausting to navigate.

The redesign moved the experience from confusing to clear.

Onboarding

4 auth paths reduced to a single adaptive entry point

Discovery

Structured carousels and intent-aware search replaced flat lists

Consistency

Reusable component library scaled across all key flows

Handoff

Documented behavior rules reduced back-and-forth with engineering

What I learned

Complex systems need simple entry points.

When users have to figure out where they belong before the product helps them, you lose them before they see the value.

Remove the decision. Guide the step. Trust builds from there.

Project

BenefitHub Browser Extension

Case Study

The BenefitHub Browser Extension helps members find and activate the best deals while shopping online. Available on Chrome, Safari, Edge, and Firefox, it shows cashback offers and promo codes, ensures easy activation, and reminds users to save at checkout.

See Project

Icons

Connect today and explore your project's potential.

Icons

Contact

© Simorka Designs

All Rights Reserved

works

about

contact

BenefitHub

Mobile App

A mobile app redesign for BenefitHub. Focused on simplifying onboarding, improving deal discovery, and making the experience feel as useful as the product itself.

Role

Senior UI Designer

Tools

Figma, FigJam

Platfrom

iOS & Android

Deliverables

Mobile App

OVERVIEW

Strong value. Weak experience.

BenefitHub offers access to thousands of deals and discounts across everyday categories. The value is strong, but the mobile experience made it hard to access. Users struggled to navigate, discover relevant deals, and move through onboarding without friction.

 

This project focused on simplifying the experience, improving deal discovery, and creating a mobile app that feels purposeful and easy to use.

THE PROBLEM

Users weren't struggling with the idea of saving money.

They were struggling with the experience.

The app presented a few core challenges:

Navigation felt unclear and inconsistent

Deal discovery relied on long, overwhelming lists

Login and registration flows were fragmented

The app didn't feel meaningfully different from the web

Users had to think too much before taking action

MY ROLE

I led the design process across the mobile app experience.

Audited the existing product

Identified friction points and drop-offs

Defined a new UX direction

Designed key flows and interactions

Built reusable components in Figma

Collaborated with product and engineering

DESIGN APPROACH

I used a sprint-based process to stay focused and move at pace.

Understand

Flows, behavior, business requirements

Explore

Nav patterns, discovery directions

Decide

Prioritize friction reduction

Prototype

Interactive flows for clarity testing

Refine

Stakeholder and engineering feedback

WIREFRAMES

01 — Key design decision

A Single Adaptive Entry Point

Instead of separating login, registration, and edge cases, I designed a single, adaptive entry point.

 

Users start by entering their email.

 

From there, the system handles the complexity:

 

→ Routes existing users to the correct login method

→ Surfaces organization selection when needed

→ Guides new users into the right registration flow

→ Handles referral codes, invitations, and domain rules in the background

 

This turns a fragmented system into a guided experience.

Login Flow

The design system shipped into a live product.

The app bar, card components, chips, pagination, breadcrumbs, alerts, and bottom navigation are all visible across the homepage, category pages, brand pages, and giveaways campaign. The countdown alert component, built specifically for BenefitHub's giveaway mechanic, appears exactly as designed in the Figma system. Every surface of the product is running on the same shared foundation.

onboarding

02 — Key design decision

Making Deal Discovery

Feel Guided

Once inside the app, the focus shifts to

helping users find value quickly.

 

→ Inside the app, the main challenge was helping users find something relevant without overwhelming them. I introduced modular carousels that surface highlights first and give users a clear path to explore more. No more wall-of-deals on load.

 

→ Search was redesigned to meet users at every stage of intent. An empty state shows curated categories and popular searches. A focused state surfaces recent activity. An active state prioritizes relevant suggestions. Each state has a job and does only that job.

 

→ Local deals got a map-based view. Results update based on location and interaction, and users can switch between map and list. It makes nearby offers feel immediate instead of buried.

Local DEALs & Search

03 — Key design decision

Designing for Consistency

Each feature was designed as part of a system.

 

→ Shared interaction patterns

→ Reusable components

→ Clear behavior rules

 

This made the app easier to scale and easier to build.

Outcomes

The redesign moved the experience from confusing to clear.

Stakeholder feedback confirmed that the new onboarding flow removed the confusion that had caused early drop-off, and deal discovery felt more purposeful and less exhausting to navigate.

Onboarding

4 auth paths reduced to a single adaptive entry point

Discovery

Structured carousels and intent-aware search replaced flat lists

Consistency

Reusable component library scaled across all key flows

Handoff

Documented behavior rules reduced back-and-forth with engineering

What I learned

Complex systems need simple entry points.

When users have to figure out where they belong before the product helps them, you lose them before they see the value.

Remove the decision. Guide the step. Trust builds from there.

Icons

Connect today and explore your project's potential.

Icons

Contact

© Simorka Designs

All Rights Reserved