REDESIGN PROJECT

LINELEAP

FUN, FASTER

I've been using LineLeap to skip long wait times at bars, but I found its UI a bit too minimalistic due to its MVP design. I’m working on a Figma redesign with custom animations to make it feel more fun and lively.

BACKGROUND

Role

Redesign Project

Duration

Weekend Project

LineLeap offers a one-stop nightlife platform where customers can buy fast passes, tickets, VIP services, and pre-ordered drinks through its website or iOS app. Users simply select their product, pay via options like Venmo, and redeem instantly at the venue.

OVERVIEW

Redesigning the LineLeap App: Key Enhancements

I’m redesigning the LineLeap app to make it more engaging and intuitive, aligning it with the vibrant nightlife audience it serves. Key updates include:

Visual Refresh
- Bold, energetic visuals with snappy animations.
- Modern color scheme and typography to appeal to younger users.
Improved UX Flow
- Simplified navigation and purchase process.
- Interactive feedback for actions like payments and redemptions.

These updates will make LineLeap more visually appealing and user-friendly, capturing the excitement of a night out.

Current App

Here is what the current app looks like. Here is my UI analysis of it -

Lacks Excitement: The UI is too minimalistic and doesn’t capture the vibrant, energetic feel of a night out. Bolder colors and dynamic visuals would make it more engaging.
Formal Language: The app’s wording is too formal. More casual, nightlife-themed language would better match users’ expectations and create a lively atmosphere.
Static Feel: There’s no sense of real-time interaction or movement. Adding animations and interactive elements would make the app feel more dynamic and fun.

Moodboarding and Brainstorming

I started my redesign by moodboarding and exploring apps like Dice and Partiful, noting the vibrant colors, playful animations, and interactive elements that make them fun to use. By studying these features, I identified ways to bring similar energy and excitement to LineLeap’s UI.

Then I made a list of screens that would need changes and moved on to creating Wireframes.

OUTCOME

I crafted a complete user journey, mapping every step from Sign Up through purchasing the first LineSkip pass, ensuring a seamless and engaging experience. To bring the interface to life, I designed custom animations in Figma and After Effects, enhancing interaction and immersion. Additionally, I developed a scalable design system, laying the foundation for a cohesive and adaptable visual language that elevates the app’s entire user experience.

Prototype Video

Here is a video of the userflow that i had created in Figma.