LuxLife App Design
Solidifying My Design Process
Summary
This has been one of my favorite projects I’ve worked on so far. In September 2022 I was approached by the founder of LuxLife to join the team as a product designer. She already had the idea and a rough design. My fellow team members and I were tasked with redesigned what the founder had already, as well as completing the app design, testing it and designing websites to promote the app. This project was a great learning experience. Unfortunately, due to unforeseen circumstances, LuxLife didn’t make it all the way to launch.
The Details
Here are all the details of this project.
-
My Role
Product Designer, UX Design, UX Research, Information Architecture, Prototyping, Web Design and Setup
-
The Tools I Used
Figma, Slack, Google Meets, Zoom, Jira
-
The Timeline
September 2022 - August 2023
Designing The Users’ Onboarding Experience
The Users’ Intro To The App
I researched what other apps did to introduce their users to their apps. I planned out the content I needed to include. This ended up being 3 screens worth of content. Then I sketched out those 3 screens. After that, I turned those sketches into mock-ups. We brainstormed the copy as a team.
A Way To Verify Our Users Are Real
We realized after working on this app for about a month, that we needed a way to verify that our users are who they say they are. We decided to verify their phone number. I researched competitor solutions, sketched the screens and then created the mock-ups.
Redesigning The Visual Design Of The Onboarding Screens
Over the course of the months that we worked on this app, we ended up changing our visual direction. Since we started with the onboarding screens, they were now outdated. I worked on redesigning the visual design of these screens with my fellow product designer.
Designing An Overlay
Users Needed A Clear Introduction To How To Use The App
I started this part of the design by research what others did for their apps. I then planned out what information I needed to include and how many parts that would take. I sketched out a screen for this content and turned those sketches into mock-ups. During the process of deciding on colors for this part of the app, my coworker suggested doing this as an overlay instead of more screens. After looking into it, we decided this was a better idea. So, I turned the screens into an overlay that would show up the first time the user goes to the deck screen.
The Discover Screens
The Discover Screens
The idea behind the discover screens was to give our users a way to connect on a deeper level without leaving our app. We wanted to provide an easy way for users to find places to meet up in real life and things to do.
What User Testing Showed Us
The Discover Screens
Top Navigation
We originally only had navigation on the top with a hamburger menu. After testing and feedback, we decided to have navigation on both the top and the bottom. So it took less work to navigate.
Bottom Navigation
What I Learned
I learned an incredible amount while working on this project.
- I learned so much more about design, research and testing.
- I also gained a lot of experience with working with developers and getting my designs ready to pass on to them.