Advante

Advante is a coaching service built around clarity, growth, and support.

Advante is a coaching service that helps clients gain clarity, discover possibilities, and work through personal or professional concerns in a supportive, judgment-free space. The platform focuses on coaching services for leadership, career growth, performance, interpersonal skills, mental health, wellbeing, and group coaching.

Advante needed a landing page that could explain coaching clearly to first-time visitors.

Because the platform offers different coaching areas, the page needed to organize the information in a way that felt simple, supportive, and easy to understand.

• The service offering needed clearer structure.
• Visitors needed to quickly understand what kind of coaching Advante provides.
• The landing page needed stronger conversion paths for inquiry, booking, sign-up, and subscription interest.
• Supporting pages such as pricing, team, blog, blog single page, and 404 page needed to be planned.
• The visual direction needed to feel professional, friendly, and supportive without looking too corporate or too generic.

Help visitors understand the offer, trust it, and take the right next step.

The goal was to design a clear and flexible website experience that could explain Advante’s coaching services, guide visitors toward inquiry or booking, and support additional content needs such as blog articles, programs, events, campaigns, resources, and policy pages.

Speaking to people looking for personal or professional guidance.

The target audience was defined early so the landing page could speak to the right users and prioritize the right content. Since Advante is a coaching platform, the design needed to feel supportive, trustworthy, and easy to understand for users looking for personal or professional guidance.

Guiding visitors toward inquiry, sign-up, booking, or subscription interest.

The landing page needed to support clear visitor actions instead of only presenting information. The experience was planned to help users understand the coaching service first, then guide them toward inquiry, sign-up, booking, or paid plan interest.

Reference points, not a full competitor audit.

Possible coaching and self-development references were reviewed to understand how similar services present their offers online. These references helped guide what the Advante landing page needed to communicate clearly, including service value, trust, pricing, coaching focus, and booking or inquiry actions.

Clean, friendly, and heartwarming — the client’s existing visual tone.

Advante already had a preferred brand direction, including the typography and color style to use for the website. The UI/UX task was to apply that existing direction into a landing page that felt clean, friendly, supportive, and professional while still supporting strong content hierarchy and conversion-focused actions.

Keeping the UI aligned with this existing direction shaped the spacing, structure, imagery style, and overall layout so the landing page felt supportive rather than intimidating.

Designing for professionals who want clarity, growth, and balance.

Persona planning helped clarify what the landing page needed to support. The main user direction focused on professionals who want emotional clarity, better habits, productivity support, career growth, and stronger work-life balance.

A 2-week landing page UI/UX process from brief to developer handoff.

The Advante landing page project was completed through a focused 2-week UI/UX process. The work started with understanding the client’s goals, reviewing the product and existing brand direction, and planning the page structure. The next phase focused on sitemap, wireframes, visual alignment, mock-up design for all required pages, prototyping, client feedback, landing page audit, and developer handoff.

What the final website needed to include.

The page scope evolved during the process as the client clarified what they needed for the website. The final design included the main homepage experience and supporting pages needed for launch, content, coaching programs, events, resources, policies, and campaign use.

Mapping the website structure around visitor goals and clear conversion paths.

The sitemap helped organize how visitors move through the homepage, supporting pages, and key actions. It also helped keep the main landing page focused while still allowing users to explore pricing, team information, blog content, programs, events, resources, and inquiry actions.

Planning content hierarchy before visual design.

Low-fidelity wireframes were created to plan the structure of the main website pages and supporting pages before moving into high-fidelity UI design. This helped organize the content hierarchy, navigation flow, service information, pricing, team content, blog structure, programs, campaigns, events, resources, and policy pages.

Exploring layout direction and visual references before UI design.

Before moving into the final UI mock-ups, I explored moodboards and layout references to understand how Advante’s existing typography, colors, and visual style could be applied across the website. This helped guide the layout direction, image treatment, spacing, content flow, and overall UI feel while keeping the design aligned with the client’s preferred brand direction.

The final website direction across desktop, tablet, and mobile.

The high-fidelity mock-up phase covered the final website page scope, not only the homepage. The pages were designed to keep the experience consistent across the main landing page, blog, pricing, team, program, campaign, event, resource, and policy-related sections. The homepage direction below shows that consistency across desktop, tablet, and mobile.

Making the design easier to translate into code.

Before handoff, the landing page designs were reviewed for spacing, alignment, responsiveness, navigation states, and button interactions. Redlining and documentation were then prepared to help developers understand layout rules, responsive behavior, component states, and interaction details. A developer sync-up was also done to walk through the screens, notes, and expected behavior so implementation could move more clearly and efficiently.

The handoff covered all designed pages across web, tablet, and mobile, not only the homepage or blog pages. I prepared the needed redlining, responsive references, interaction notes, and documentation so the developer had a clear guide for implementing the full website experience.

A structured, responsive experience built on a proper UI/UX process.

The final Advante UI/UX design helped turn the coaching platform’s initial landing page direction into a fuller website experience. The final structure included the home page, blog pages, team page, pricing page, program-related pages, campaign and event pages, resources, policy pages, pre-launch page, and error state page, giving the client a more complete website foundation for launch.