Great Discount Place
Great Discount Place (GDP) is an app, which list discounts available for the user in his/her area. Users can purchase discount coupons on the app to avail these discounts in their favourite local establishments.
After extensive research, stakeholder interviews and competitive analysis, I gathered some essential information, such as the business goals, the product objectives, target audience, success metric, the business model of the product, etc.
This helps us in understanding the product and the vision behind the product. As UX Designers, we strive to take this vision and present it to the users in the easiest and yet an attractive manner.
After understanding the business requirements and absorbing the data provided by the client, a user research was conducted to discover the users' needs and their objectives and expectations from the product.
The target audience covered people from different age groups and backgrounds, hence in order to understand their requirements and needs, users were categorised into different segments. User personas were created for each segment.
User Journey Map of Selected User Profile, Aditya.
Following a user's journey by creating a journey map helps in understanding the users' latent needs and in creating a holistic product for the customer.
Once, all the requirements were listed, I could create a feature list for the product. There were more than 60 categories of discount coupons, these categories needed to be reorganised before we could move ahead.
Reorganisation of discount categories.
With the categories finalised and the feature list in place, I moved ahead with creating the information architecture of the app. This involved creating a detailed sitemap and user flows.
Sitemap depicting the information architecture of the app.
With the structure of the app in place, experimentation on specific layouts and user interface themes began.
The below images show some of the layouts and themes, which were tried.
After the client's inputs, a general direction of the user interface theme and the layout were finalised.
Lo-fi prototypes or wireframes were created for all screens.
The hamburger menu, the checkout page and the wishlist page wireframes are shown below.
Hi-fi prototypes, such as photoshop mock-ups of screens were developed.
Yellow and black were chosen as the theme colours by the client, as these colours represented the brand.
Discount coupons were made to resemble coupons with perforations and bar codes. The exact colour shades, the font and the layout was chosen based on the users and their habits.
Below are mock-ups of the splash screen, the login screen and the homepage.
These mock-ups show the category page, when viewed under different filters.
The client also wanted an option of viewing the categories with coupons having two different values. I added a slider button to give the users the choice to switch from one buying option to the other. This design is shown in the last mock-up.
The first screen is a sample discount page. It includes all the details about a particular coupon, such as the terms and conditions and a link to Google maps, which will show you the establishment on Google maps.
The next two screens show a standard checkout page.
