The Project

This project was not about creating a store in an app – it was about changing the infrastructure of an entire company. It used to be that when retailers want to purchase clothes for their shop, they had to go to a showroom many times a year to select the items they wanted to carry in their stores – and to add insult to injury it would often take months before they received the items. Jack & Jones wanted to change this and optimise this process, and from that the Jack & Jones Frontline App was born. The goal was simply to remove logistical challenges and empower the retailers to become better sellers.

Since the goal was not only to simplify but also to empower, we had to guide retailers to make better purchasing decisions. The app thus ended up being not only an e-commerce platform but a showroom and an academy as well. For this we created an interactive video guide showing seasonal trends and key outfits to introduce the retailer to the thinking that went into the designs – so they could more easily communicate this to the end users.  We also made the somewhat presumptuous decision of pre-filling the users baskets with a recommended selection based on their budgets and geographical location, to make sure they could easily purchase the right items for their stores.

With this app we drastically changed the relationship between Jack & Jones and it’s retailers, and empowered the retailers to focus on their core business – selling clothes.

My Role

  • Concept
  • Prototyping
  • Testing and optimization
  • Quality Assurance

Giving access to tons of information in a simple interface

This enterprise application had to contain a lot of information and functionality. We created a simple interface by working with substates that were easily accessible. We put immense focus on transition design to create the feeling of being on one page and never loosing focus. Both storyboards and textual explanations guided the implementation of transitions.

The overview gives information about all the selected products in the different categories. As a user you will see the preselected items first, but additional items are shown when tapping the plus. This is to give you a simple overview of the styles that have been selected for you.

Tapping on a category header expands the category and gives a full overview of available and purchased products in the category. The user can then tap to expand an individual item to reveal additional information like access to fabric type, store placement advice and styling tips.

Communicating pre-selected products without creating clutter

Sometimes the smalls things proves to be the most challenging. To control what users bought, Jack & Jones pre-fills users’ orders with recommended products. Communicating this in the shopping flow without clutter proved challenging – especially when the user had multiple stores that all got different recommendations. Countless versions and iterations were made before we decided on the right balance of simplicity and information.

  • The purchase button on the overview page showed pcs., amount of boxes and the type of box. The letters represent different combinations of sizes, colours and fits. The meaning of these letters are known to the users.
  • The multistore version, for retailers owning up to 80 shops, the amount of stores stores receiving the product instead of the amount of pcs. What this button doesn’t show though, is which stores get the product and which box type is given to which store. This was a difficult choice, but was made to keep the interface simple and focused.
  • The purchase button on the detail view shows the exact box types and selection, as there is more space on this page.
  • In the multistore version the purchase button on the detail view cannot show all information for the potentially 80 stores. By swiping upwards the panel expands and shows the selection for all stores. The expanded version is scrollable to allow users to see the exact distribution of boxes without having to go to the detail overlay.

Thank you for your interest.

Let me know if you want to know more?

Mail linkedIn twitter