"My Armani To Go" Phygital Experience
To launch the "My Armani To Go" cushion foundation, I designed a mobile-first "Beauty Pass" for a luxury pop-up event. The web app bridged the gap between the physical space and a personalized digital journey, encouraging visitors to explore interactive zones. By gamifying the experience within a minimalist luxury framework, we aimed to maximize on-site engagement, streamline product sampling, and drive immediate conversion, all while maintaining ARMANI’s signature high-end aesthetic under a tight delivery timeline.
PROJECT TYPE
Web design, e-commerce
YEAR
2021
ROLE
UXUI Designer
TEAM
Developer, Project manager
TOOLS
Figma, Photoshop
Challenge
-
Strict Brand Governance: Adhering to ARMANI’s rigid minimalist standards while introducing interactive digital elements.
-
High-Stakes Innovation: Integrating gamification into a luxury environment without compromising the brand’s premium DNA.
-
Compressed Timeline: Delivering a high-fidelity, mobile-first app under an exceptionally tight deadline for opening day.
Impact
-
High Engagement: Successfully attracted and registered over 5,000 visitors during the event period.
-
Sales Growth: The interactive experience directly contributed to a 54% increase in new product sales.
-
Measurable Success: Converted passive foot traffic into high-intent users with a clear, data-driven ROI.
Problems
User Experience Perspective
-
System Disconnect: Strict guidelines existed for physical branding but lacked a digital framework, requiring me to adapt "print-first" luxury into a mobile UI.
-
Navigation Frustration: Previously, guests felt lost and left the event early because they couldn't track their progress or see what they were eligible to earn.
-
Lack of Clarity: Without a digital record, users had no visibility into their journey, leading to a disjointed experience devoid of reward.
Business Perspective
-
Sampling Fatigue: Basic sample giveaways no longer excited customers; the "hand-out" model failed to drive meaningful brand engagement.
-
Data Retention Gaps: The client lacked a digital bridge to capture loyal customer data, missing critical opportunities for CRM and retargeting.
-
High Operational Costs: A manual process required excessive on-site staffing to manage crowds and tracking, inflating event overhead.
User Flow
Engineered a frictionless end-to-end user flow—referenced in user flow—that converted anonymous foot traffic into authenticated users by leveraging a gamified 'Beauty Pass' to move guests from initial discovery to high-intent product conversion.
The Solution
-
Digital "Beauty Pass": A mobile-first app acting as a personal passport for guest registration and activity tracking.
-
Point Economy: A real-time system where users recorded points by engaging with different activation zones.
-
Seamless Redemption: A frictionless UI for users to instantly trade digital points for physical product samples.
User Onboarding
These screens highlight the critical onboarding process where users established their digital identity through a personalized Beauty Pass. This interface provided total transparency regarding the event’s gamification rules, clearly outlining the "Cushion Points" associated with specific on-site milestones. By presenting a clear value proposition—such as earning 25 points for a consultation or 50 for joining the Live Zone—the design incentivized users to complete every checkpoint, ensuring comprehensive engagement with all facets of the campaign.
Virtual Navigation
This interface represents the core navigation hub of the event application, serving as a digital compass for attendees as they navigated the physical space at Ocean Terminal. Each of the immersive red zones—Consultation, Discovery, Game, and Shopping—was designed as a distinct destination that users could unlock via on-site QR codes. This structured navigation transformed the venue into an adventurous brand journey, with the central "Click To Discover" call-to-action initiating the user's transition from the physical environment into the interactive digital experience.
Multi-Touchpoint Interaction
These screens outline the specific zone activities designed to accumulate "Cushion Points" through a gamified interface. To ensure high-touch engagement, users entered unique PIN codes provided by Armani face designers following personalized shade consultations. The app integrated real-time triggers for livestream codes and social sharing incentives, transforming product education into a rewarding, active challenge for every attendee.
Reward Economy and Final Conversion
The final stage of the user journey focuses on the successful conversion of digital engagement into physical product trials. This view displays the user's accumulated points balance alongside a high-end "Exclusive Gifts" catalog, where users could instantly redeem their points for premium skincare and foundation sets. By calculating participation across the various zones and providing a celebratory "Thank You" confirmation, the application ensured a rewarding conclusion to the omnichannel experience, turning digital interactions into measurable brand loyalty.
Seamless Event Checkout
For the shopping cart page, I designed a streamlined interface to facilitate seamless offline payments at the event. The layout allow users to aggregate their selected products and exclusive gift sets digitally before finalizing their purchase at the physical counter. By utilizing a high-contrast palette and intuitive quantity controls, I ensured a frictionless transition from digital selection to on-site checkout, minimizing wait times and enhancing the overall premium shopping experience.
Key Takeaway
-
Constraints Drive Precision: Working with a strict branding team reinforced that a minimalist UI can still support complex, high-conversion functionality.
-
Phygital Synergy: Demonstrated how a digital tool can remove physical friction, turning curiosity into immediate brand loyalty and sales.