Designing a High-Converting Landing Page for ALPA Insurance
Mark Williams
Like this project
Posted May 16, 2025
We created a responsive, AEM-friendly landing page for ALPA Insurance that new design enhances user engagement and ensures smooth development integration.
Likes
0
Views
13
Clients
ALPA Insurance
We created a responsive, AEM-friendly landing page for ALPA Insurance that new design enhances user engagement and ensures smooth development integration.
Project Overview
ALPA Insurance needed a landing page that aligned with its branding and effectively converted visitors into leads.
The design had to be responsive and integrate seamlessly with Adobe Experience Manager (AEM), keeping AEM's capabilities and limitations in mind.
The project required two variations of low-fidelity wireframes, followed by a high-fidelity design based on client feedback, ensuring scalability and ease of development.
Our Process
Low Fidelity Wireframes
We began by creating 2-3 variations of low-fidelity wireframes for client review.
These wireframes explored different layouts and content structures, considering AEM's capabilities and ensuring the designs were mobile-responsive.
Internal Review & Refinement
After submitting the initial wireframes, we gathered feedback from the client and refined the designs accordingly.
We made sure each design was compatible with AEM's limitations while still offering dynamic content that would engage visitors and drive conversions.
High Fidelity Design
Once the wireframes were approved, we moved to high-fidelity designs, applying ALPA’s branding and AEM-friendly components.
This design phase focused on refining spacing, typography, and CTAs to maximize conversion rates.
Developer Handoff & Annotation
We ensured that the final design files were fully optimized for AEM with auto-layout for easy scaling and developer-friendly handoff.
The designs included annotations for spacing, font sizes, and styles to ensure smooth implementation.
The Challenge
ALPA Insurance’s main challenge was to create a landing page that was not only visually appealing but also designed with AEM compatibility in mind. This required:
Ensuring responsive design for both mobile and desktop users.
Designing with auto layout to ensure easy scalability and efficient handoff to developers.
Meeting AEM's technical limitations while still creating a dynamic and engaging experience.
Adhering to brand guidelines to ensure consistent typography and colors.
The Outcome
The final landing page design met all of ALPA Insurance's needs:
A responsive design that works flawlessly across both mobile and desktop.
Dynamic, engaging content that encouraged conversions while remaining AEM-compatible.
Scalable components that can be easily updated in AEM without custom development.
Clear, actionable CTAs designed to turn visitors into leads.
With this new design, ALPA Insurance is now positioned for better user engagement and higher conversion rates, all while ensuring ease of development and future scalability.