Michael Charming - Personal Website redesign

A strategic redesign of Michael Charming's personal brand website, bringing coaching, courses, books, events, and educational resources into one clear and intuitive experience.

Web design · UX/UI design · Product design

UX/UI Designer

15-03-2026

Homepage hero section

What is it

Michael Charming's website is a personal brand platform designed to help visitors explore coaching, courses and programs, books, resources, events, and speaking opportunities.

The redesign focused on creating a premium but approachable experience where users can quickly understand Michael's work, find the right offering, and take the next step with confidence.

Main Home Page_preview mockup

What were the challenges

1. Too many content types

The website needed to communicate books, coaching, courses, workshops, media, articles, videos, and downloadable resources without overwhelming visitors.

2. Different user needs

Visitors could arrive looking for very different things—from personal coaching to a book, workshop, or educational resource.

3. Building trust

Because the product is centered around personal development and relationships, credibility and emotional trust were important parts of the experience.

4. Balancing premium and approachable

The visual direction needed to feel luxurious and editorial while remaining warm, accessible, and beginner-friendly.

The methods I followed

User intent mapping

  • Information architecture

  • Content hierarchy

  • User journey mapping

  • Competitive and inspiration research

  • Heuristic evaluation

  • Task-oriented UX analysis

  • Wireframing

  • Responsive UI design

  • UX writing

  • Component-based design

  • Accessibility considerations

  • Conversion-oriented interaction design

Final design

The final experience brings the brand's major offerings into a cohesive digital ecosystem.

Key experiences

Homepage
Introduces Michael, establishes trust, and guides users toward relevant services.

Courses & programs
Organizes online courses, one-on-one coaching, and group programs around user needs.

Books
Presents Michael's books clearly with descriptions, purchase actions, and recommendations.

About
Communicates Michael's story, approach, values, experience, and vision.

Resources
Creates a searchable knowledge hub for articles, videos, media, speaking content, and downloadable resources.

Testimonials
Separates video and written experiences to make social proof easier to explore.

Contact
Provides a clear path for users who need personalized guidance or want to collaborate.

Coaching, Course, & resources overview
A simple mockup overview of hero sections
Home landing page
Complete project screen overview

Create a free website with Framer, the website builder loved by startups, designers and agencies.