PROJECT OVERVIEW:
Gucci’s latest Eternité De Beauté products were launched recently and the goal of this campaign was to help generate awareness for the brand and promote the launch through a fun and engaging way.
The Solution was to create an interactive pop-up experience that allows users to be rewarded with complimentary samples which thereafter users can then head into the store to try out more products from the Gucci Eternité De Beauté series.
HOW IT WORKS:
As these booths will attract curious on-lookers through its vibrant and elegant exteriors and classy design, each individual will be able to interact with it and be prompted to answer and fill up information related to beauty to receive their samples. The samples are then dispensed at waist-height, through a classy automated drawer for ease of access and convenience to go about their day instead of a regular vending machine where users will have to bend down to get their item.
MY CONTRIBUTIONS:
As an intern, i had the opportunity to be tasked with creating the flow and user interface of the screens that will dispense these items. There were a few design considerations that were taken into account while creating the flow and throughout the testing process it has affected the UI as well. Here are some of them:- These pop up booths tend to gather a lot of traffic as many users would want to collect a complimentary sample. Therefore the flow and UI screen should have a clear and intuitive navigation, allowing users to easily fill up the information and have a shorter flow for quicker access.
- The height of the screens may affect some of the buttons and information especially when users click on the T&Cs. Therefore, the UI screen should be as minimalist and clean as possible to reduce cognitive load and enhance the user to be able to enter their particulars clearly.
- The height of the screens may affect some of the buttons and information especially when users click on the T&Cs. Therefore, the UI screen should be as minimalist and clean as possible to reduce cognitive load and enhance the user to be able to enter their particulars clearly.
- The keyboard buttons should be able to fit into the screen without causing any major changes to the design and users should be able to key in their information with ease
The next step was to create a Wireframe & flow. To ensure the ease of access and fast turn around period, there are only 2 flows and upon user testing and client feedback, flow 1 was eventually selected and deemed a better option as it had only 3 screens and did not allow user to make a selection ensuring a smoother process.
Upon selection of flow 1, Hi-fidelity screens and prototypes were created.
The design was a little different compared to the wireframe as during user testing, we discovered that a pop up of the terms and conditions would suit the elegant design. It would be applied in a way so that users will be able to click on it should they wish to read and so that it also stays in the middle of the screen at eye level without it taking up too much space and filling the entire screen.
The design was a little different compared to the wireframe as during user testing, we discovered that a pop up of the terms and conditions would suit the elegant design. It would be applied in a way so that users will be able to click on it should they wish to read and so that it also stays in the middle of the screen at eye level without it taking up too much space and filling the entire screen.