M2 Phenom - Step-by-Step Guide Landing Page

We designed and developed a detailed guide landing page for M2 Phenom to make a multi-step setup process easier for users to follow. The page combines written instructions with supporting screenshots, allowing visitors to complete each action in the correct order.

The page starts with a bright orange gradient hero section and moves into a clean documentation-style layout. Each step is visually separated, making the full guide easier to scan and return to while users work through the platform.

Support calls to action are placed throughout the experience, including a consultation booking section for users who need additional help.

Create a clear, self-guided resource that helps users complete a detailed platform process with less confusion, while giving them an easy way to request support when needed.

• Designed and developed a dedicated M2 Phenom guide landing page.

• Created a hero section introducing the guide and setting expectations for the walkthrough.

• Organized the complete process into a structured, step-by-step user journey.

• Added detailed written instructions for every stage of the process.

• Included supporting screenshots to show users exactly where to click and what to complete.

• Designed a clean documentation-style layout for easy scanning and use.

• Added support prompts throughout the guide for users who need assistance.

• Included a consultation booking section near the end of the page.

• Added a final call to action to encourage users to take the next step.

• Applied a consistent orange, white, and dark-color visual system across the page.

User Journey
Open the Guide → Follow Each Setup Step → Complete Required Platform Actions → Request Support or Book a Consultation

Delivered a detailed guide landing page that turns a complex multi-step process into a structured visual walkthrough for M2 Phenom users.