This video represents the scrolling experience of the master landing page. Interactive elements are in progress and will be added in future iterations.

Inspiration

Azure customers signing a Microsoft Azure Consumption Commitment (MACC) agreement often struggled to understand their benefits because the original onboarding experience was locked in a dense, 14-page PowerPoint deck. Customers had to sift through irrelevant information, which often led to under-utilization of their benefits.

The vision was to translate this flat, static experience into a dynamic, consolidated landing page where customers could explore benefits in a clear and intuitive way.

Approach

Working with the content team, I designed a master landing page that could adapt to different customer types instead of multiple one-off pages.

1. Single destination: Designed one comprehensive page covering all MACC benefit categories.

2. Modular structure: Grouped content into expandable and tabbed sections for clarity.

3. Built in Figma: Used an industry-standard tool not typical in my agency, enabling cleaner collaboration and easier developer handoff.

Design Rationale

The landing page was structured as a modular content journey, balancing information density with scannability.

1. MACC overview front and center: Established the overview as the first thing on the user’s journey. This serves as an anchoring effect, as customers need to know “where they stand” before engaging with benefits.

2. Tabbed and sectioned modules: Organized benefits like Unified Support, Skills, Pricing, and Security in their own clear “container,” reducing overwhelm.

3. Carousel for skills programs: Highlighted multiple skilling opportunities without cognitive overload. This let the user explore more at their own pace.

4. Figma workflow: Aligned to the industry standard, not while my agency’s, as it will allow me to rapidly prototype interactions like tabs, carousels, expandable content, and speak the same design language as most of the industry. This was both a growth experience and a way to future-proof collaboration.

Impact

Through this project, I’ve condensed a 14-page static deck into a single interactive experience.

1. By segmenting content into clear, scannable sections, this will reduce confusion and encourage interaction with the content.

2. Instead of maintaining four separate pages, the master page can serve all audiences, with personalization handled by entry points. This gave the Microsoft team a scalable model that they can replicate.

3. Elevated design workflow inside my agency by delivering a project in Figma, showing how modern tools create efficiencies and better communication.

This project reflected my belief that design isn’t just about making things look better, it’s about making complex systems understandable.

• Microsoft gained a repeatable, future-proof onboarding model.

• Enhanced my design process by applying industry-standard design tools in an environment that usually leans on PowerPoint, bridging the gap between old workflows and new design thinking.

• Demonstrated that even in a constrained scope, thoughtful design elevates both user experience and business outcomes.

Ultimately, this work shows how thoughtful landing page design can turn a dense corporate process into a clear, engaging, and empowering experience.