In this case study I will show my process of app creation from beginning to end. This project started as a design challenge for an interview, and then progressed into a fully formed app. I will demonstrate the research I conducted, and show how I applied my findings and worked through the UX and UI layout by, prototyping, testing and designing the user interface elements.

Overview

Project Duration

6 weeks

Product

3D Capture App - This is an app that allows business owners to use their mobile devices to capture their products and turn them into 3D assets.

Role

Research & Strategy

IA & Wireframing

Prototyping

Design Assets

Colour & Branding

Accessibility Improvements

UI Design

Testing

Marketing Material

The Product Display Pages on the Jewlr and Lee Fiori websites are often the first place users land when they arrive on the site usually through social media ads. The challenge of this project was to figure out how to increase trust in new users who are landing on a product display page, to express value propositions in a more thorough and visually appealing way, and my personal goal was to help increase the accessibility of the page for people with mild visual impairments. The first goal was to improve the accessibility of the selection wizard, to improve the experience for people with mild vision impairments, and the second was to increase trust of new users, which is highly important for a jewellery brands, and lastly to highlight specific value propositions like the Direct to Consumer model so user's understand the full value of the products.

THE GOAL

The main goal was to redesign and improve the product display pages for both Jewlr and Lee Fiori websites. The PD page needed to highlight the the benefits of purchasing high quality jewelry through Jewlr and Lee Fiori by displaying more information about the fine details of the product and it's materials, the Direct to Consumer business model, Ethically Sourced materials, designed and made in safe working conditions in Toronto, and to highlight customer reviews.

Deliverables & Considerations

1. High Fidelity Design of the consumer facing Product Display Page

2. Creative Interface design of each highlighted section and assets

4. 4 Versions: Canada, USA, Australia and United Kingdom

5. Must be responsive - smallest possible version for mobile, and widest possible version for desktop

6. Accessibility must be considered

7. When an item has no product reviews - implements company reviews in place

First Steps

Knowing Our Customers

The first step I took in this effort was to get to know our users as deeply and as quickly as possible within the two week deadline and within budget. Because this project needed to be implemented in time for the busy holiday season, user interviews were not possible to compile, instead I looked at our user data by exploring Google analytics and watched user behaviour on our site via Full Story.

Once I had a better understanding of our customers, and how they were viewing and using out Product Display Pages, I started to conduct market research. I looked at several competitor jewelry PDP's and a variety of other e-commerce PDP's to see what current patterns were, how other pages were laid out, how they organized their information, and their UI design. I gathered a lot of ideas and inspiration to help enhance our site to communicate our value propositions more effectively.

Some of the e-commerce PDP's I looked at included, Article Furniture and Moon Magic Jewelry, which both had great Direct to Consumer infographics. I also looked at Mejrui, Amazon, Postmates, SkipTheDishes, Ritual, Hello Fresh, and of course other McCain's product pages. I was looking at these product or food based apps to see what patterns existed were and what the general best practices were.