Confidential names, stats and other info have been excluded, changed or dummied up.
Overview: The Amezcua E-Guard X is a cutting-edge product designed to protect users from excessive radiation exposure. The objective was to create an exclusive experience for the modern user.
The challenge: We needed to deliver an accessible, lightweight design under tight deadlines while coordinating cross-functional teams to ensure quality and alignment. Our landing page had to achieve three primary goals:
- Educate users on the dangers of excessive radiation and how the product mitigates it.
- Engage potential customers through impactful storytelling and visuals.
- Drive conversions, particularly among mobile users in regions with low internet speeds.
From the Business Perspective, we wanted to build a landing page that sets the benchmark for future product launches, ensures accessibility and high performance for low-bandwidth users, and present the product as a premium health product.
From the User Perspective, we wanted to build trust and reduce purchase hesitation through high-quality information and engaging content.
Discovery and Requirement Gathering
- Collaborated with the Communications (Comms) team for content and positioning.
- Refined textual and visual requirements alongside UX writers and operations supervisors.
- Aligned technical feasibility with IT and development teams.
User Journey Mapping: Identified touchpoints to maximize engagement and guide users toward conversion.
Wireframing and Prototyping: mobile-first wireframes emphasizing lightweight assets.
Visual Concepting: Developed a luxury-inspired aesthetic with science-backed elements to convey credibility.
Content Refinement: Balanced educational depth with engaging simplicity, overcoming surplus content challenges.
Amazing communication between design, engineering, and content teams had huge benefits including simplified stakeholder presentations, and unexpected insights. We introduced popup features for post-purchase support, enhancing user trust and experience.
Our A/B tests featured several options; autoplay videos are great for engagement but not so great for low bandwidth. Strong CTAs are great for intuiveness but maybe not so aligned to branding.
Educational Content Blocks included simplified explanations, before-and-after comparisons and testimonials to build credibility.
Accessibility and Performance-related decisions included optimized assets for low-speed internet areas, and inclusive design for small mobile screens.
Other innovative Features included interactive animations demonstrating product use, and Request-a-guide popups for additional training materials.
Here are some challenges we faced, and how we overcame them
Communication with Stakeholders
- Obstacle: Complex multi-departmental dependencies delayed approvals.
- Solution: Centralized requirements documentation via Excel and streamlined decision-making through Figma improvements.
Content Management
- Obstacle: Excessive, text-heavy content did not align with UX writing standards.
- Solution: Developed concise, user-friendly copy while retaining the scientific depth.
Measurable Outcomes
We delivered a working product in ~3 months with immediate Impact, and established a scalable template for future landing pages.
