Jimmy Brings
Frame 64 (3).png
Original 
Frame 64 (2).png
Redesign
Brief

The client, Jimmy Brings, required an innovative solution to their e-commerce app. The design I developed was influenced by various quantitative and qualitative research to attain an app with increased usability. The design solution required a modern, usable and desirable interface for the user.

Current interface
94048542_972269276504770_487761530947056
94068131_225200645565882_401021257488793

The home screen incorporates a single axis scrolling system that depicts all the categories. There is a drop-down for each category allowing you to see all offerings.

 

After opening a category, the user will scroll all the way to the bottom of the category to see all offerings and to be able to transition into other menu items.

93580525_256679955509943_530094861067694
94143727_228485101554684_290587461505200

I like the simplistic notion of the user being able to select quantities. The typography weight is a little heavy,

 

The prominent use of the back makes the app dark and unwelcoming. The payment screen is simple, efficient and user friendly.

UI flow 
UI flwo.jpg

Landscape Review

Review e-commerce offerings, I wanted to get a wide understanding of different layouts types, with the focus on the landing page and product page.

Screenshot_20200424-123442_Dan Murphy_s.jpg
Screenshot_20200424-123559_Dan Murphy_s.jpg
Screenshot_20200424-124006_Dan Murphy_s.jpg

Dan Murphy’s utilises an intricate system of category and search engines allowing for the user to find their desired product by name.

 

Furthermore, they use a navigation bar at the bottom to allow for smooth transitioning between sectors.

Gumtree utilises columns, allowing the user to scroll and see the different products. The columns are driven by a search engine that allows users to narrow down their search.

Screenshot_20200505-170915_Gumtree.jpg
Screenshot_20200505-170909_Gumtree.jpg
Screenshot_20200505-170923_Gumtree.jpg
Screenshot_20200430-104557_Uber Eats.jpg
Screenshot_20200430-104531_Uber Eats.jpg
Screenshot_20200430-104610_Uber Eats.jpg

Uber Eats utilises multi-axis scrolling, allowing users to move effortlessly between categories. This is an app that is very popular with the demographic of Jimmy Brings.

Affinity map

To create the affinity map I utilised research techniques such as observation, interviews, usability testing on Jimmy Brings app and Uber Eats app. Below I have listed some key insights.

Untitled-4-01.jpg

Insights

Below is feedback from the interview and affinity mapping process.

• "no back button" (reducing the ability for the user to seamlessly transition between categories)

 

• "limited offerings" (Jimmy Brings has 104 products, which is substantial for the style of business. It looks like there is a limited offering and this could be because of the layout rather than the range)

 

• "I think they could use a multi-axis scrolling system similar to Uber Eats" (potentially using multi-axis scrolling to show all offerings and increase impulse buying)

 

• "that (the category) should be highlighted from one to another" (increasing usability and highlighting variety) "I like scrolling, it is what I'm used to" (making the interface usable and understandable for a wide audience)

Personas

The 4 personas created represent the target market for Jimmy Brings. These personas were updated through the design process.

A4 - 6.jpg
A4 - 5.jpg
A4 - 4.jpg
A4 - 3.jpg

Ideation

Artboard 1-100.jpg

Low-fidelity Wireframe

Artboard 2-100.jpg

Colour, Typography, Iconography

Desktop - 1.png

A/B testing

A&B test.jpg

Final design 

Artboard 2_1-100.jpg
Artboard 2_1-100.jpg
Final design 
Main flow flat.jpg

Sketches

RØDE Microphones

Zest