Lush · App

5.lush

Case study 

The idea is to simplify and improve the user journey from the app onboarding to the final conversion.

Some issues that I’ve found are the no search filters, long scrolling to find product categories, perceived affordances, and lack of a splash screen.

LUSH’s main target audience is working-woman aged between 18-45 years with a healthy lifestyle outlook. The company does not test its products on animals, they are made with fair-trade ingredients, all are vegan or vegetarian products. Consumers are concerned with social justice, environmental sustainability and animal rights.

Design Process 

I executed Usability Testing to define tasks, establish objectives and evaluate the app. To ensure the test was realistic, I opted to use a real build of the application. However, this revealed how functionally unstable the app was. Between the time spent recovering from bugs and app crashes I was able to find usability issues related to perceived affordances, layout, search and a long process to place an order.

PREVIOUS APP DESIGN 1

Search navigation interface

One of the requirements was to refine the search navigation interface. During the usability testing, I discovered that searching for a specific product had many articles and a long scroll-down. It also had too much content with no way to navigate or filter. This frustrated the users that couldn’t find the product they were looking for.

4_lush_Search_before_after


After this, with the requirements in mind, I did some sketches by hand exploring different navigation patterns and how to improve the user journey. Then I designed the final UI using Sketch. Some of the constraints included access to user's metrics and brand guidelines.

3_lush_wireframes

Before

1_lush_before

After

Final Results

  • The implemented changes and tweaks were from the creation of a splash screen to the simplification of the purchase process.
  • A new search feature that is customizable, with only a few taps to drill down into search results by categories, product filters (like price or ingredients), and sort the results as the users desire. It’s a visual search that adopts merchandising logic into rankings.
    The proposed idea is to have an auto-suggest address ‘Search box’. Suggest possible matches for a search in a dropdown list as users are typing.
  • The search icon is included in all the screens on the right-hand side (before this was in the toolbar).
  • The layout of the product categories is more dynamic, highlighting different sections by ‘card’ sizes.
  • New orders and categories in the toolbar: ‘Product’, ‘Stories’, ‘Basket’ (used to be at the top on the right-hand side), ‘Discover’ and ‘My account’ (used to be on the top left-hand side).
  • The layout of the product categories is more dynamic, highlighting different sections by ‘card’ sizes.
  • Simplification, the checkout is one page.
  • Reduced 3 steps in the checkout and added “guest checkout” option to minimize purchase time.
  • Improved final UI, modification of layout and icons.
5_lush_finalUI