MOO-Hero

Project Overview

Moola is a digital wallet and e-gift card marketplace where consumers can find the best deals from Canada’s most popular brands. Users can store all their gift cards, reward cards, membership cards, etc., and also purchase and share gift cards right on their phones.

Project Overview

Moola is a digital wallet and e-gift card marketplace where consumers can find the best deals from an aggregated list of Canada’s most popular merchants. Users can store all their gift cards, reward cards, membership cards, etc. and also purchase gift cards right on their phone, available for iOS and Android devices.

Download Moola Now

Download Moola Now

Download Moola Now

Problem Statement

Problem Statement

Moola wanted to optimize the user experience by focusing on the discovery process and enhancing engagement within the Marketplace. Currently, users may face challenges in swiftly discovering, exploring, and purchasing gift cards for themselves or others.

The goal was to improve discovery and increase engagement, enabling users to discover, explore, purchase, and share gift cards quickly. 

Moola is designed to help users get the most value from gift cards by making them conveniently accessible for busy people who owns cards, buys and receives gift cards and collects loyalty points. As a merchant, you’ll benefit from a users desire to purchase large value gift cards and shop frequently

MOOLA-analysis-3

Design Analysis

Better use of real estate 
(above the fold area)​. Automate Category/Merchant organization and update navigation. 

Deals curated by :​
- Nearby Deals​
- Interest​
- Time of day/week ​
- Browsing behavior​
- Buying behavior​


Onboarding :

- Add location/notification permissions
- Ask users about their interests ​
- Event tracking

Design Analysis

Better use of real estate 
(above the fold area)​. Automate Category/Merchant Organization by day/time​ and update navigation. 

Deals curated by :​
- Nearby Deals​
- Interest​
- Time of day/week ​
- Browsing behavior​
- Buying behavior​


Onboarding :

- Add location/notification permissions,
- Ask Interests ​
- Event tracking

User flow

When creating the user flow for the Moola app, it was important to think about how users will move through the app from start to finish. We began by generating ideas for a gift card purchase flow that incorporates a user-friendly experience.

User Flow

Design Objectives

Streamlined Onboarding Process

Create a streamlined onboarding process to ensure users can quickly and easily get started. By minimizing the number of steps and simplifying the registration and account setup, we reduce friction and create a seamless onboarding experience.

Intuitive Gift Card Discovery

Incorporates intuitive search and filtering options that enable users to discover gift cards based on various criteria such as categories, brands, price range, or popularity. The user interface presents a visually appealing grid or list view of gift card options.

Easy Purchase and Checkout

Make the gift card purchasing process as smooth and hassle-free as possible. Moola Gift Card App ensures a seamless checkout flow, allowing users to select gift card denominations, add personalized messages, and choose delivery options effortlessly. 

Gift Card Management and Wallet

Provid a dedicated gift card management section where users can view, organize, and track their gift cards. Moola Gift Card App's user interface presents an intuitive wallet-like view that displays users' gift card balances, expiration dates, and transaction histories.

Wireframes & Prototype

Wireframes & Prototype

For the next step I visually mapped out the app using wireframes. I started sketching the core features and designing mid-fidelity wireframes. The wireframes will be tested by users to identify pain points and optimise the design.

For the next step I visually mapped out the app using wireframes. I started sketching the core features and designing mid-fidelity wireframes. The wireframes will be tested by users to identify pain points and optimise the design.

Wireframes

Onboarding

High Fidelity Designs

We aimed to help people establish an account in as few steps as possible whilst providing users with the option to skip certain onboarding steps to allow users who prefer to explore the app without completing the onboarding process to do so.

When users first launch the app, we prompt them to grant location permission for a personalized experience. So we can tailor recommendations based on the local preferences or popular choices in the user's geographic area.

Bringing Products to life using by design the process is about making complex solutions, simple. I combine thoughtful user experience with a clear visual identity.

onboarding

Moola Marketplace

Moola Marketplace

Improving both browsing and search functionalities in the Moola gift card app involves creating an intuitive and engaging user experience.

We wanted to change how the card information is organized and presented to make our cards more intuitive when users are browsing the marketplace.


The featured section on the marketplace showcases popular or trending gift cards.
We created category labels that represent popular gift card types to improve user recommendations.

Improving both browsing and search functionalities in the Moola gift card app involves creating an intuitive and engaging user experience.

We wanted to change how the card information is organized and presented to make our cards more intuitive when users are browsing the marketplace.


The featured section on the marketplace showcases popular or trending gift cards.
We created category labels that represent popular gift card types to improve user recommendations.

Marketplace

Checkout & Gifting

Checkout & Gifting

For the checkout screen, we've emphasized a clear call-to-action, transparent pricing, and secure payment options.

For gifting, we wanted to allow users to personalize the gift card with messages, images, or themes.

Checkout & gifting

Wallet & Card Details

Wallet & Card Details

Moola's secure wallet ensures your gift cards are safe and available to use wherever you are.

You can also digitize your plastic loyalty or gift cards, track your balance, send gift cards to others, and find the closest store locations.

Moola's secure wallet ensures your gift cards are safe and available to use wherever you are.

You can also digitize your plastic loyalty or gift cards, track your balance, send gift cards to others, and find the closest store locations.

Wallet & Card details

Account & Settings

Account & Settings

The Account section provides users with a centralized hub for managing their personal information, preferences, and order history. Users can effortlessly navigate through their orders, view purchase details, and track deliveries with a clear and organized layout.

Account

Design System & Component Library

Design System & Component Library

I created a comprehensive design system to provide a set of guidelines, assets, and tools that ensure consistency, efficiency. It defines the visual elements such as colors, typography, buttons and cards.

I created a comprehensive design system to provide a set of guidelines, assets, and tools that ensure consistency, efficiency. It defines the visual elements such as colors, typography, buttons and cards.

Design system
Ooomock-5
Ooomock2.2
Ooomock3

High Resolution Mockups for the App Store

High Resolution Mockups for the App Store

App store

Conclusion

Conclusion

The Moola Gift Card App is a user-centric and visually captivating solution designed to elevate the gifting experience. Through thoughtful UI/UX considerations, streamlined workflows, and personalized features, the app empowers users to effortlessly purchase, send, and manage gift cards for any occasion. It has provided users with a convenient and easy way to purchase gift cards for themselves or others. The project has also helped Moola increase its revenue, the number of downloads, and user satisfaction.

The Moola Gift Card App is a user-centric and visually captivating solution designed to elevate the gifting experience. Through thoughtful UI/UX considerations, streamlined workflows, and personalized features, the app empowers users to effortlessly purchase, send, and manage gift cards for any occasion. Discover a new level of convenience and joy

More Projects

MoolaProduct Design

Ego ChatProduct Design

Hall Arts HotelUI/UX Design

Stash Crypto WalletProduct Design

Nando'sUI/UX Design

Street SoccerUI/UX Design

Harveys SherryWeb Design & Creative Direction

Robertson GroupUI/UX Design

Autograph HotelsWeb design

© 2023 Copyright daveherlihy

© 2023 Copyright daveherlihy

© 2023 Copyright daveherlihy