Touchless event mobile activation experience design.
June to Auguest 2022
Illustrator
Photoshop
Figma
UI/UX Design
Graphic Design
To celebrate the launch of Sephora at Kohl’s across the U.S., Sephora had its first mobile-first in-person event since the pandemic hit. I designed a touch-free mobile gamification experience for Sephora's potential consumers and beauty influencers in this project. This mobile experience was designed for both IOS and Android users. Users can collect eight QRcode touchpoints in the beauty maze to discover products and engage with both brands to create shareable content.
I designed two mobile experiences for both IOS and Android users. Users can start their mobile beauty adventure experience by scanning QRcode at the check-in desk. Users scan QRcode to start the beauty adventure and collect eight different QRCodes in the physical beauty maze. After users finish all, the user will get a confirmation email to redeem a reward in the store.
Attendees who join the event always have many distractions, and it is hard to keep them motivated to finish all the tasks. Users need something to help them easily to navigate during the event, make them feel covid safe, and inspire them to finish the game.
The global pandemic changed the physical marketing limitations for customers. Brands want to drive traffic back to the store. Brands need to bring innovation to reach consumers in memorable, safe ways.
Attendees need to finish scanning eight QRcode touchpoints in the beauty maze, and can show the completed card in the store to redeem their prize. However, there was a challenge of getting users to finish the game.
.jpg)
User can select their favorite gift from conveyor belt
In the second round, my focus was on enhancing the conveyor belt experience of Santa's gift box. I came up with a unique design by creating an arch-shaped tunnel for the conveyor belt, which could potentially be applied to the overall interface. However, this playful and immersive experience resulted in limited space for product display.
Design for people have a different device.
I conducted user testing with lo-fi user interface design, I learned that both versions one and two were too long for iPhone SE(375pts x 667pts)users. Users must scroll down to click the scan button.
Colors decision process
I combined Sephora’s point reward system and with a checklist ideas into the second phase Hi-fi wireframe. Sephora loves to use circles to represent reward points as their design elements. In the event, scanning the QRcode to win the price is similar to a reward experience for Sephora users. I bring the circle elements as the beauty adventure hunt main UI element.
.jpg)
In the final UI, I used minimized colors — red, black, and white. The mobile game also needs users to work with onsite events. If the interface has too many colors, users will easily get distracted. Therefore, for the design decisions, I focused on mobile gamification to build a connection with the brand itself. Make the games simple for users to navigate.
More user interaction with touch-less geolocation technology
I designed the geolocation popup to keep user interaction when they explore beauty maze. The notifications pop up help people engage, create content, meet beauty founders or request songs from DJ.
Used 8 QR code signages to integrate user from physical event to digital experience
The beauty maze also include 8 QRcodes to encourage people to explore the all different touchpoints. After user collected all the QRcodes, they can spin the wheel to redeem a price in the store.
Every pixel matters, and every experience detail helps build trust in a brand. Working for a world-class retail UI/UX Design project, I learned designers don’t just focus on creating UI components that are usable. They also concentrate on the emotions of the brand experience.