As the UX/UI Designer for MobiSave, I helped improve the native iOS and Android app experience—from simplifying the onboarding process, improving the quality of receipt pictures, integrating social login and PayPal payment processing, to obtaining feedback and improving app store reviews. In an effort to reach a broader audience, I was also involved in implementing a white label experience and a responsive website.

Both the iOS and Android apps needed an update to their onboarding and signup flow as sign up requirements changed and discounts for products were being offered . In our research, we found many of the users were active on Facebook, knowing this social login played a central part in the new sign up/log in flow. One challenge the tech and product team faced was that this was the first time we would be integrating a social login experience for any startup within the portfolio, so a lot of research was involved to ensure everything goes smoothy and we are taking into account all the different scenarios a user may end up in depending on what information they make available.

UI for the new walkthrough that integrates social login.

UI for the improved sign up flow

We wanted to improve the app store rating and divert feedback that directly involved bug fixes and improvements through more helpful channels. To do so, we added an in-app message that lead the user to either the app store or a quick in-app survey. Implementation was pretty straightforward once we figured out where in the user’s flow the messaging should appear without much disruption to their intended task.

UI to improve app store rating and provide feedback.

Working with MobiSave also meant creating some fun illustrations for the mobile apps, responsive web, and emails. Here’s just a sampling.

We wanted to keep our users engaged from the first time they sign up for MobiSave. We shifted from a single email to a welcome series campaign which allowed us to introduce the app and its features at a more strategic pace.

The UI for the welcome series emails continued the fun illustrations MobiSave was known for with a sprinkling of short animations.

Lateshift is a platform to match on-demand income opportunities with debt holders as a means to pay down debt and retention of earnings. As one of the UX/UI designer on the Lateshift team, I was part of the evolution of the brand and product. From figuring out the right name for the product, creating logo concepts, all the way through planning and executing the beta version of the web app.

One of the challenges we faced in creating the web app, was understanding what user information would be needed and when to surface it, so we can provide relevant opportunities to their skillset and availability. This was even more important because our use base already had other part-time of full-time jobs. Here we show the path the user takes to complete the sign up before experiencing the app.

Key screens of the sign up process that would be used to display relevant opportunities to the user.

Once a user has signed up, they would land on their dashboard as seen in these wireframes. Here they can view their various debt and payback details, find and apply to opportunities and view their profile.

It is important to consider how the information is presented to the user no matter what device they are on while keeping the navigation and the journey from viewing, discovering and applying to opportunities intuitive.

For the initial launch of Lateshift, I also worked on the welcome emails the user would receive after successfully signing up. Not to forget those who might have started the process but may have dropped off. This was an opportunity to communicate with potential users as well.

Email design for new and potential Lateshift users.

Sweet Defeat is a lozenge that suppresses your sweet taste receptors to ultimately reduce your sugar cravings. The client reached out to our team to revamp their existing checkout experience and create a member dashboard. I was the lead UX designer for these projects and oversaw the UI design.

To improve the checkout experience, we started with a basic evaluation of the existing flow and took at look at data to see where we can improve the number of clicks, fields that needed to be completed and the overall ease of use. We also took a look points of customer drop-off, during the checkout experience, to identify areas to dive into deeper.

As part of the revamp, the client also wanted a way for users to be able to create an account since their product push was for a subscription plan. The analytics and sales showed that users fell into three buckets, those that are signing up for their first subscription, one time buyers which could warrant a guest checkout, and returning users that want to buy additional products for themselves or others or just edit their existing subscription.

When a user is ready to checkout, they come to the account creation page. By default, the sign up section is highlighted, since most of their users were first time buyers. You can easily toggle between Sign up and Log in or checkout as a guest. In our research we also found many of our users were coming from Facebook so providing a social login option would be helpful.

We use the confirmation page as an opportunity to circle back to the user’s account status. If the user checked out as a guest they have an opportunity to create an account by entering a password. If they just created an account or are an existing member they can quickly navigate to their dashboard.

Select UI for the checkout experience on a tablet.

UI for the member dashboard at various device sizes.

Thnks is a gifting app that enables businesses to send timely, relevant and thoughtful digital gifts that strengthen relationships and help close sales. Throughout my time with Thnks, I worked with the product team to incorporate new features and improvements to their iOS and Android apps. As their user base grew we also introduced a web app.

Businesses found that it would be beneficial for them if gift recipients would communicate back to the sender. Thnks already had a flow in place by which a user can let the Thnks team know what they thought of the gift which helps the gifting inventory, but that doesn’t translate back to the businesses. This was an opportunity to see how we can achieve both without bombarding the user with emails.

I came up with a few options that were presented to the the Thnks team. These are the resulting wires. We opted for reminding the user to say Thnks back for the kind gesture through a quick message flow. Once the task is completed the success page gives them the option to make a selection on what they thought of the gift they received.

The final UI for the “Say Thnks Back” flow.

To reach a larger audience I was also part of the team that helped create the Thnks web app. These are some wires from the larger flow of a user navigating through the dashboard on desktop.

Thnks users primarily use Mobile. Here we walk through the web app on mobile.

Some final UI screens of the Thnks web app.