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: UX Designer, Copywriter
Tools: Figma, Photoshop, Illustrator
Role: UX Designer, Copywriter
Tools: Figma, Photoshop, Illustrator
Role: UX Designer, Copywriter
Tools: Figma, Photoshop, Illustrator
Role: UX Designer, Copywriter
Tools: Figma, Photoshop, Illustrator
Role: UX Designer, Copywriter
Tools: Figma, Photoshop, Illustrator
Challenge
Costa X needed a high converting microsite for Host Milano, a fast-paced trade show. The microsite had to load instantly, work via QR code access , and engage three B2B audiences; hospitality, offices, and franchises. It would serve as a launchpad for new products, capturing leads and driving engagement among a more digitally fluent demographic.
Challenge
Costa X needed a high converting microsite for Host Milano, a fast-paced trade show. The microsite had to load instantly, work via QR code access , and engage three B2B audiences; hospitality, offices, and franchises. It would serve as a launchpad for new products, capturing leads and driving engagement among a more digitally fluent demographic.
Challenge
Costa X needed a high converting microsite for Host Milano, a fast-paced trade show. The microsite had to load instantly, work via QR code access , and engage three B2B audiences; hospitality, offices, and franchises. It would serve as a launchpad for new products, capturing leads and driving engagement among a more digitally fluent demographic.
Challenge
Costa X needed a high converting microsite for Host Milano, a fast-paced trade show. The microsite had to load instantly, work via QR code access , and engage three B2B audiences; hospitality, offices, and franchises. It would serve as a launchpad for new products, capturing leads and driving engagement among a more digitally fluent demographic.
Challenge
Costa X needed a high converting microsite for Host Milano, a fast-paced trade show. The microsite had to load instantly, work via QR code access , and engage three B2B audiences; hospitality, offices, and franchises. It would serve as a launchpad for new products, capturing leads and driving engagement among a more digitally fluent demographic.
Key Impact
✨ +40% increase in engagement
📈 High lead conversion rate
📅 500+ VIP demo signups
Key Impact
✨ +40% increase in engagement
📈 High lead conversion rate
📅 500+ VIP demo signups
Key Impact
✨ +40% increase in engagement
📈 High lead conversion rate
📅 500+ VIP demo signups
Key Impact
✨ +40% increase in engagement
📈 High lead conversion rate
📅 500+ VIP demo signups
Key Impact
✨ +40% increase in engagement
📈 High lead conversion rate
📅 500+ VIP demo signups
Research & Insights
Collaborating with a Graphic Designer and a Creative Strategist, we extracted key 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
These insights shaped both the content structure and the interaction flow.
Research & Insights
Collaborating with a Graphic Designer and a Creative Strategist, we extracted key 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
These insights shaped both the content structure and the interaction flow.
Research & Insights
Collaborating with a Graphic Designer and a Creative Strategist, we extracted key 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
These insights shaped both the content structure and the interaction flow.
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
Collaborating with a Graphic Designer and a Creative Strategist, we extracted key 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
These insights shaped both the content structure and the interaction flow.
Design Strategy
Whilst focusing on immersive storytelling; I grounded the core experience with three guiding principles:
Informative - Deliver immediate value through concise content
Engaging - Reflect Costa X’s tone and visual energy
Interactive - Use tools that also serve as conversion funnels
From these principles emerged three key features:
VIP booking system
Product diagnostic tool
Sector specific content flows
Design Strategy
-
Whilst focusing on immersive storytelling; I grounded the core experience with three guiding principles:
Informative
Deliver immediate value through concise content
Engaging
Reflect Costa X’s tone and visual energy
Interactive
Use tools that also serve as conversion funnels
From these principles emerged three key features:
VIP booking system
Product diagnostic tool
Sector specific content flows
Design Strategy
Whilst focusing on immersive storytelling; I grounded the core experience with three guiding principles:
Informative - Deliver immediate value through concise content
Engaging - Reflect Costa X’s tone and visual energy
Interactive - Use tools that also serve as conversion funnels
From these principles emerged three key features:
VIP booking system
Product diagnostic tool
Sector specific content flows
Design Strategy
-
Whilst focusing on immersive storytelling; I grounded the core experience with three guiding principles:
Informative
Deliver immediate value through concise content
Engaging
Reflect Costa X’s tone and visual energy
Interactive
Use tools that also serve as conversion funnels
From these principles emerged three key features:
VIP booking system
Product diagnostic tool
Sector specific content flows
Design Strategy
Whilst focusing on immersive storytelling; I grounded the core experience with three guiding principles:
Informative - Deliver immediate value through concise content
Engaging - Reflect Costa X’s tone and visual energy
Interactive - Use tools that also serve as conversion funnels
From these principles emerged three key features:
VIP booking system
Product diagnostic tool
Sector specific content flows
Design Execution
Starting with quick layout sketches, I validated CTA placement and scroll rhythm before building responsive wireframes in Figma. The mobile-first architecture prioritised QR code access and short attention spans, ordering content to match on-the-go trade show behaviour:
Hero message
Sector use cases
VIP booking
Diagnostic tool
Key UX decisions:
Sticky CTAs for continuous action prompts
Bold visual hierarchy for clarity in noisy environments
Minimal navigation to reduce drop‑off
Design Execution
Starting with quick layout sketches, I validated CTA placement and scroll rhythm before building responsive wireframes in Figma. The mobile-first architecture prioritised QR code access and short attention spans, ordering content to match on-the-go trade show behaviour:
Hero message
Sector use cases
VIP booking
Diagnostic tool
Key UX decisions:
Sticky CTAs for continuous action prompts
Bold visual hierarchy for clarity in noisy environments
Minimal navigation to reduce drop‑off
Design Execution
Starting with quick layout sketches, I validated CTA placement and scroll rhythm before building responsive wireframes in Figma. The mobile-first architecture prioritised QR code access and short attention spans, ordering content to match on-the-go trade show behaviour:
Hero message
Sector use cases
VIP booking
Diagnostic tool
Key UX decisions:
Sticky CTAs for continuous action prompts
Bold visual hierarchy for clarity in noisy environments
Minimal navigation to reduce drop‑off
Design Execution
Starting with quick layout sketches, I validated CTA placement and scroll rhythm before building responsive wireframes in Figma. The mobile-first architecture prioritised QR code access and short attention spans, ordering content to match on-the-go trade show behaviour:
Hero message
Sector use cases
VIP booking
Diagnostic tool
Key UX decisions:
Sticky CTAs for continuous action prompts
Bold visual hierarchy for clarity in noisy environments
Minimal navigation to reduce drop‑off
Design Execution
Starting with quick layout sketches, I validated CTA placement and scroll rhythm before building responsive wireframes in Figma. The mobile-first architecture prioritised QR code access and short attention spans, ordering content to match on-the-go trade show behaviour:
Hero message
Sector use cases
VIP booking
Diagnostic tool
Key UX decisions:
Sticky CTAs for continuous action prompts
Bold visual hierarchy for clarity in noisy environments
Minimal navigation to reduce drop‑off
Testing & Reflection
Post-launch metrics confirmed the design’s success: users engaged longer, interacted deeper, and converted faster.
However, limited pre-launch testing led to some users skipping content, and older devices struggled with performance thus highlighting the need for more cross device QA.
Testing & Reflection
Post-launch metrics confirmed the design’s success: users engaged longer, interacted deeper, and converted faster.
However, limited pre-launch testing led to some users skipping content, and older devices struggled with performance thus highlighting the need for more cross device QA.
Testing & Reflection
Post-launch metrics confirmed the design’s success: users engaged longer, interacted deeper, and converted faster.
However, limited pre-launch testing led to some users skipping content, and older devices struggled with performance thus highlighting the need for more cross device QA.
Testing & Reflection
Post-launch metrics confirmed the design’s success: users engaged longer, interacted deeper, and converted faster.
However, limited pre-launch testing led to some users skipping content, and older devices struggled with performance thus highlighting the need for more cross device QA.
Testing & Reflection
Post-launch metrics confirmed the design’s success: users engaged longer, interacted deeper, and converted faster.
However, limited pre-launch testing led to some users skipping content, and older devices struggled with performance thus highlighting the need for more cross device QA.
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.