Swoop Mobile App

Swoop Mobile App

A social app for restaurants to help users meet and order food. ‍

About Project

The project involved designing a food ordering and dining experience app that allows users to order and share food, split bills, call staff to the table, and send food as gifts to friends or family.

The client provided initial wireframes, but several flows and features were missing. To fully understand the product vision, I scheduled working sessions with the client to clarify functionality, user behavior, and interaction expectations.

Since I was not involved in the early product planning, I rebuilt the user flow from the ground up. I started by mapping user scenarios, then created wireframes informed by competitor research and similar apps. After validating the direction with the client, I moved into detailed design and refinement.

The project involved designing a food ordering and dining experience app that allows users to order and share food, split bills, call staff to the table, and send food as gifts to friends or family.

The client provided initial wireframes, but several flows and features were missing. To fully understand the product vision, I scheduled working sessions with the client to clarify functionality, user behavior, and interaction expectations.

Since I was not involved in the early product planning, I rebuilt the user flow from the ground up. I started by mapping user scenarios, then created wireframes informed by competitor research and similar apps. After validating the direction with the client, I moved into detailed design and refinement.

The project involved designing a food ordering and dining experience app that allows users to order and share food, split bills, call staff to the table, and send food as gifts to friends or family.

The client provided initial wireframes, but several flows and features were missing. To fully understand the product vision, I scheduled working sessions with the client to clarify functionality, user behavior, and interaction expectations.

Since I was not involved in the early product planning, I rebuilt the user flow from the ground up. I started by mapping user scenarios, then created wireframes informed by competitor research and similar apps. After validating the direction with the client, I moved into detailed design and refinement.

My Role as a Designer

I worked closely with the client and internal team to redesign the product experience from structure to visual execution.

My work included rebuilding user flows, designing wireframes, creating high fidelity UI, defining product styling, and shaping the visual language of the app. I also recommended UX improvements based on research and audit findings, which were incorporated into the final design.

In addition to interface design, I developed interactive motion prototypes to demonstrate real world usage and communicate product behavior clearly.

I worked closely with the client and internal team to redesign the product experience from structure to visual execution.

My work included rebuilding user flows, designing wireframes, creating high fidelity UI, defining product styling, and shaping the visual language of the app. I also recommended UX improvements based on research and audit findings, which were incorporated into the final design.

In addition to interface design, I developed interactive motion prototypes to demonstrate real world usage and communicate product behavior clearly.

I worked closely with the client and internal team to redesign the product experience from structure to visual execution.

My work included rebuilding user flows, designing wireframes, creating high fidelity UI, defining product styling, and shaping the visual language of the app. I also recommended UX improvements based on research and audit findings, which were incorporated into the final design.

In addition to interface design, I developed interactive motion prototypes to demonstrate real world usage and communicate product behavior clearly.

Year

2021

Year

2021

Year

2021

Year

2021

Timeframe

8 Weeks

Timeframe

8 Weeks

Timeframe

8 Weeks

Timeframe

8 Weeks

Tools

Figma

Tools

Figma

Tools

Figma

Tools

Figma

Category

UI/UX

Category

UI/UX

Category

UI/UX

Category

UI/UX

Problem

  • The initial wireframes were incomplete and lacked key product flows and features.

  • The overall user journey was not clearly defined, requiring a full restructuring of how the app would function.

  • The onboarding experience needed to capture meaningful user information while remaining simple and intuitive.

  • Core app sections such as dashboard, menus, nutrition, and feeds needed a clear structure and interaction logic.

  • UX decisions had to be validated while the UI was being designed, requiring continuous iteration and alignment.

Solution

I began by conducting a UX review and research to better understand user needs and product expectations. Based on this, I redesigned the user journey and introduced improvements to the onboarding experience, defining what information was necessary to support ordering and personalization.

As the project progressed, I iterated on wireframes collaboratively with the team and refined the experience through multiple revisions. The final deliverables included high fidelity UI, product styling, color system, typography, and overall visual direction.

To help the client visualize the product in a real environment, I also created motion prototypes in After Effects to demonstrate interactions and flows, presenting the experience as a functional app rather than static screens.

High fidelity design

Userflow

Wireframe 01

Wireframe 02

Wireframe 03

High Fidelity 01

High Fidelity 02

High Fidelity 03

High Fidelity 04

High Fidelity 05

High Fidelity 06

Say hello

I'm open for freelance projects, feel free to email me to see how can we collaborate

Say hello

I'm open for freelance projects, feel free to email me to see how can we collaborate

Say hello

I'm open for freelance projects, feel free to email me to see how can we collaborate

Say hello

I'm open for freelance projects, feel free to email me to see how can we collaborate