top of page
Maynooth Mobile Application Hero Image

Ecommerce Application

Maynooth Mobile Onboarding Screens Visual Mockups
Maynooth Mobile Menu Visual Mockups

UPDATING MY SKILLS BY

Practice

Objective - Maynooth Furniture is a new business selling adorable high-end design furniture made in Ireland. 

Maynooth needed to build an e-commerce app that for people to browse and purchase furniture for home delivery.

Target Users

At the beginning of the project, it is important to identify who your target audiences are and what tasks they will complete. Worked on identifying these audiences (avoided being broad) to perform further analysis like user research, personas, empathy map, etc. Addressing their needs and frustrations compared with market research & stakeholders and tasks they will perform

BRINGING SOME IMAGINARY CHARACTERS TO LIFE

User Persona

Sofia Cullen - a persona created to represent out target user group

PATH TAKEN BY A USER

User Flow

User flow diagram created for Maynooth Mobile Application

LAYING DOWN THE BASE STRUCTURE WITH

Wireframes

Signup Page - Digital Low Fidelity wireframes created for Maynooth Application
Home Page - Digital Low Fidelity wireframes created for Maynooth Application
All Categories Page - Digital Low Fidelity wireframes created for Maynooth Application
Product Details Page - Digital Low Fidelity wireframes created for Maynooth Application

IDEAL BALANCE BETWEEN AESTHETICALLY PLEASING VISUALS AND USABILITY

Style Guide

Color Palette

Primary 1

#FFB723

Primary 2

#132557

Accent Color

#19468A

Text 

#444444

Background

#F8F8F8

Typography

Typography used in the Maynooth Mobile Application

FOCUSSING ON DETAILS AND CREATING

Visual Delight

Maynooth Mobile Onboarding Screens Visual Mockups
Maynooth Mobile Onboarding Screens Visual Mockups

Onboarding

The onboarding screen comes after the splash. this page in the app eases the user into the app, letting the user know what to expect inside the app. In the onboarding screen, I decided to make the screens welcoming and intuitive.

Signing in screens

Making the Login screen/Sign up screen as stress-free as possible was a priority. The sign-in prompt appears when a user adds a product to the cart or wish-list that causes minimum fuss and distraction.

Maynooth Mobile Welcome Screen Visual Mockups
Maynooth Mobile Signup Screen Visual Mockups
Maynooth Mobile Product Details Screens Visual Mockups
Maynooth Mobile Shopping Cart Visual Mockups
Maynooth Mobile Home Page Screen Visual Mockup
Maynooth Mobile Category Page Visual Mockup

Home Page

The home screen is usually where the products are displayed. For the first-time user, the interface is seamless, with various products categorized into sections with a favorite screen that allows you to view the items you love. Whereas, based on a person's previous interactions with the application, the home screen would have a tailored approach to provide a better customer experience.

Categories Page

Now comes the categories screen, where people shop for products. Here, users can browse and select products based on their style, preferred color, or other motivations. Users can even filter and sort the products according to their needs.

Product Page

This screen displays information about a product, such as a description, specifications, and reviews.

Quick Checkout

I discovered that the checkout process is generally tedious and time-consuming in competitive analysis. By using a clear strategy, I intended to enhance the checkout experience. 

  1. Adding products to the cart is clear.

  2. Selecting or changing the quantity is also within reach.

  3. The shopping cart allows you to enter discounts or promo codes when placing your transaction.

  4. It is simple to add or remove items from the cart.

  5. The checkout procedure is organized into three sections to decrease the boring aspect of the total purchasing journey: address, payments, and order summary.

  6. After completing the first two stages, the user may quickly see the order summary and confirm their order.

  7. During the confirmation process, any previous steps can be modified.

Maynooth Mobile Checkout Process 1 Visual Mockups
Maynooth Mobile Checkout Process 3 Visual Mockups
Maynooth Mobile Checkout Process 2 Visual Mockups
Maynooth Mobile Thank you Page Visual Mockups
Maynooth Mobile Search Page Visual Mockups

Search Page

This page is in charge of finding a product that the user cannot find in the category section. The user may either type the name or take a picture of the product, allowing them to search for it even if they don't know its name. A powerful option gives users suggestions as they start typing in the search text box.

Maynooth Mobile Error Page Visual Mockups
Maynooth Mockups

MORE PERSONAL PROJECTS

Let's check it out

Income Tax Department Redesign Case study Mockup Image

INCOME TAX DEPARTMENT

bottom of page