Designing a High Impact Microsite for Costa X
Designing a High Impact Microsite for Costa X
Designing a High Impact Microsite for Costa X
Designing a High Impact Microsite for Costa X
Designing a High Impact Microsite for Costa X
Fast loading UX that drove VIP signups and B2B engagement
Fast loading UX that drove VIP signups and B2B engagement
Storytelling and bold UX for mobile-first, expressive users
Fast loading UX that drove VIP signups and B2B engagement
Fast loading UX that drove VIP signups and B2B engagement
Role: Lead UX Designer
Tools: Figma, Photoshop, Illustrator
Role: Lead UX Designer
Tools: Figma, Photoshop, Illustrator
Role: Lead UX Designer
Tools: Figma, Photoshop, Illustrator
Role: Lead UX Designer
Tools: Figma, Photoshop, Illustrator
Role: Lead UX Designer
Tools: Figma, Photoshop, Illustrator
Challenge
Costa X needed a high converting microsite for Host Milano, a fast-paced trade show. It had to load instantly, work via QR codes, and engage three B2B audiences; hospitality, offices, and franchises. The site would launch new products, capture attention, and drive engagement across a younger demographic.
Challenge
Costa X needed a high converting microsite for Host Milano, a fast-paced trade show. It had to load instantly, work via QR codes, and engage three B2B audiences; hospitality, offices, and franchises. The site would launch new products, capture attention, and drive engagement across a younger demographic.
Challenge
Costa X needed a high converting microsite for Host Milano, a fast-paced trade show. It had to load instantly, work via QR codes, and engage three B2B audiences; hospitality, offices, and franchises. The site would launch new products, capture attention, and drive engagement across a younger demographic.
Challenge
Costa X needed a high converting microsite for Host Milano, a fast-paced trade show. It had to load instantly, work via QR codes, and engage three B2B audiences; hospitality, offices, and franchises. The site would launch new products, capture attention, and drive engagement across a younger demographic.
Challenge
Costa X needed a high converting microsite for Host Milano, a fast-paced trade show. It had to load instantly, work via QR codes, and engage three B2B audiences; hospitality, offices, and franchises. The site would launch new products, capture attention, and drive engagement across a younger demographic.
Impact
✨ +40% increase in engagement
📈 High lead conversion tool
📅 500+ VIP demo signups
Impact
✨ +40% increase in engagement
📈 High lead conversion tool
📅 500+ VIP demo signups
Impact
✨ +40% increase in engagement
📈 High lead conversion tool
📅 500+ VIP demo signups
Impact
✨ +40% increase in engagement
📈 High lead conversion tool
📅 500+ VIP demo signups
Impact
✨ +40% increase in engagement
📈 High lead conversion tool
📅 500+ VIP demo signups
Research & Insights
Working closely with a Graphic Designer and a Creative Strategist, we extracted insights through stakeholder workshops and event analytics:
Key insights:
QR codes and emails were the top entry points so speed was key
Audiences valued innovation and exclusivity
Scenario mapping revealed unique priorities: hotels focused on guest experience; offices prioritised convenience and maintenance
Research & Insights
Working closely with a Graphic Designer and a Creative Strategist, we extracted insights through stakeholder workshops and event analytics:
Key insights:
QR codes and emails were the top entry points
Audiences valued innovation and exclusivity
Scenario mapping revealed unique priorities
Research & Insights
Working closely with a Graphic Designer and a Creative Strategist, we extracted insights through stakeholder workshops and event analytics:
Key insights:
QR codes and emails were the top entry points so speed was key
Audiences valued innovation and exclusivity
Scenario mapping revealed unique priorities: hotels focused on guest experience; offices prioritised convenience and maintenance
Research & Insights
Working closely with a Graphic Designer and a Creative Strategist, we extracted insights through stakeholder workshops and event analytics:
Key insights:
QR codes and emails were the entry points
Audiences valued innovation and exclusivity
Scenario mapping revealed unique priorities
Research & Insights
Working closely with a Graphic Designer and a Creative Strategist, we extracted insights through stakeholder workshops and event analytics:
Key insights:
QR codes and emails were the top entry points so speed was key
Audiences valued innovation and exclusivity
Scenario mapping revealed unique priorities: hotels focused on guest experience; offices prioritised convenience and maintenance
Design Strategy
Whilst focusing on immersive storytelling; I grounded the core experience with three guiding principles:
Informative - Deliver immediate value
Engaging - Reflect Costa X’s brand through clear visuals and tone
Interactive - Use tools that also serve as conversion funnels
This led to three key features:
VIP booking system
Product diagnostic tool
Sector specific content flow
Design Strategy
Whilst focusing on immersive storytelling; I grounded the core experience with three guiding principles:
Informative
Deliver immediate value
Engaging
Reflect Costa X’s brand through clear visual
Interactive
Use tools that also serve as conversion funnels
This led to three key features:
VIP booking system
Product diagnostic tool
Sector specific content flow
Design Strategy
Whilst focusing on immersive storytelling; I grounded the core experience with three guiding principles:
Informative - Deliver immediate value
Engaging - Reflect Costa X’s brand through clear visuals and tone
Interactive - Use tools that also serve as conversion funnels
This led to three key features:
VIP booking system
Product diagnostic tool
Sector specific content flow
Design Strategy
Whilst focusing on immersive storytelling; I grounded the core experience with three guiding principles:
Informative
Deliver immediate value
Engaging
Reflect Costa X’s brand through clear visuals
Interactive
Use tools that also serve as conversion funnels
This led to three key features:
VIP booking system
Product diagnostic tool
Sector specific content flow
Design Strategy
Whilst focusing on immersive storytelling; I grounded the core experience with three guiding principles:
Informative - Deliver immediate value
Engaging - Reflect Costa X’s brand through clear visuals and tone
Interactive - Use tools that also serve as conversion funnels
This led to three key features:
VIP booking system
Product diagnostic tool
Sector specific content flow
Design Iteration
I started with quick sketches to validate layout and CTA placement, then built responsive wireframes in Figma. The mobile first sitemap prioritised fast QR access and short attention spans, ordering content as: hero message, sector use cases, VIP booking, and diagnostic tool.
Key UX decisions:
Sticky CTAs for constant action prompts
Bold visual hierarchy for clarity in noisy spaces
Minimal navigation to reduce drop‑off
Design Iteration
I started with quick sketches to validate layout and CTA placement, then built responsive wireframes in Figma. The mobile first sitemap prioritised fast QR access and short attention spans, ordering content as: hero message, sector use cases, VIP booking, and diagnostic tool.
Key UX decisions:
Sticky CTAs for constant action prompts
Bold visual hierarchy for clarity in noisy spaces
Minimal navigation to reduce drop‑off
Design Iteration
I started with quick sketches to validate layout and CTA placement, then built responsive wireframes in Figma. The mobile first sitemap prioritised fast QR access and short attention spans, ordering content as: hero message, sector use cases, VIP booking, and diagnostic tool.
Key UX decisions:
Sticky CTAs for constant action prompts
Bold visual hierarchy for clarity in noisy spaces
Minimal navigation to reduce drop‑off
Design Iteration
I started with quick sketches to validate layout and CTA placement, then built responsive wireframes in Figma. The mobile first sitemap prioritised fast QR access and short attention spans, ordering content as: hero message, sector use cases, VIP booking, and diagnostic tool.
Key UX decisions:
Sticky CTAs for constant action prompts
Bold hierarchy for clarity in noisy spaces
Minimal navigation to reduce drop‑off
Design Iteration
I started with quick sketches to validate layout and CTA placement, then built responsive wireframes in Figma. The mobile first sitemap prioritised fast QR access and short attention spans, ordering content as: hero message, sector use cases, VIP booking, and diagnostic tool.
Key UX decisions:
Sticky CTAs for constant action prompts
Bold visual hierarchy for clarity in noisy spaces
Minimal navigation to reduce drop‑off
Reflection
The QR-first, scroll-based design matched event behaviour and boosted engagement, with sector flows and an interactive tool driving relevance and leads.
Limited testing led to skipped content and performance issues on older devices, underscoring the need for stronger QA in future.
Reflection
The QR-first, scroll-based design matched event behaviour and boosted engagement, with sector flows and an interactive tool driving relevance and leads.
Limited testing led to skipped content and performance issues on older devices, underscoring the need for stronger QA in future.
Reflection
The QR-first, scroll-based design matched event behaviour and boosted engagement, with sector flows and an interactive tool driving relevance and leads.
Limited testing led to skipped content and performance issues on older devices, underscoring the need for stronger QA in future.
Reflection
The QR-first, scroll-based design matched event behaviour and boosted engagement, with sector flows and an interactive tool driving relevance and leads.
Limited testing led to skipped content and performance issues on older devices, underscoring the need for stronger QA in future.
Reflection
The QR-first, scroll-based design matched event behaviour and boosted engagement, with sector flows and an interactive tool driving relevance and leads.
Limited testing led to skipped content and performance issues on older devices, underscoring the need for stronger QA in future.
What I learned
Prioritise clarity over complexity to ensure ideas are instantly understood. Use urgency strategically to focus attention and drive quicker decisions. Finally, align strategy, brand, and UX to create cohesive experiences that maximise overall impact.
What I learned
Prioritise clarity over complexity to ensure ideas are instantly understood. Use urgency strategically to focus attention and drive quicker decisions. Finally, align strategy, brand, and UX to create cohesive experiences that maximise overall impact.
What I learned
Prioritise clarity over complexity to ensure ideas are instantly understood. Use urgency strategically to focus attention and drive quicker decisions. Finally, align strategy, brand, and UX to create cohesive experiences that maximise overall impact.
What I learned
Prioritise clarity over complexity to ensure ideas are instantly understood. Use urgency strategically to focus attention and drive quicker decisions. Finally, align strategy, brand, and UX to create cohesive experiences that maximise overall impact.
What I learned
Prioritise clarity over complexity to ensure ideas are instantly understood. Use urgency strategically to focus attention and drive quicker decisions. Finally, align strategy, brand, and UX to create cohesive experiences that maximise overall impact.
