UI/UX Designer
UI/UX Designer
UI/UX Designer

Bruno Nwogu Sales Coaching Website Design

Framer
Canva
Figma

Project Description

Bruno Nwogu is a high-ticket sales coach specializing in teaching individuals how to close deals ranging from 3k to 50k remotely. This project involved designing a conversion-focused website to showcase his coaching programs, build credibility, and drive enrollments. The design emphasizes trust-building, aspirational storytelling, and clear user pathways to resonate with entrepreneurs, freelancers, and professionals seeking financial freedom through sales mastery.

Design Process

  • Audience Research: Identified primary users: entrepreneurs, freelancers, and 9–5 professionals seeking financial independence. Mapped pain points (e.g., low conversions, lack of sales confidence) to design solutions.
  • Wireframing & Prototyping: Created low-fidelity wireframes focusing on user flow: Awareness > Interest > Decision > Action.
  • Visual Storytelling: Incorporated Bruno’s personal journey (from earning 20k/month to closing 1M+ deal) through a dedicated “About Me” section with timeline visuals.
  • Responsive Design: The site adapts seamlessly across devices, leveraging Framer’s breakpoint system for mobile and tablet optimization. Critical elements like navigation menus and project grids reorganize dynamically.
  • Usability Testing: Conducted A/B testing on CTAs and pricing layouts. Simplified navigation based on feedback, ensuring key sections (Courses, Testimonials, FAQ) are accessible within 2 clicks.

  • Development in Framer:
    • Components & Reusability: Reusable UI elements (e.g., buttons, project cards) were built as Framer components to maintain consistency.
    • Custom Code Integration: Advanced interactions (e.g., scroll-triggered animations) were implemented using Framer’s built-in tools or light custom code.

Before

Before

Before

After

After

After

Challenges & Solutions:

Challenge: Communicating complex sales strategies to beginners.
Solution: Broke content into digestible modules with actionable titles (e.g., “7 Keys to Close Any Sale”).
Challenge: Building trust for a high-cost service.
Solution: Prioritized social proof (testimonials, client stats) and transparency (detailed curriculum, money-back guarantees).
Challenge: Mobile responsiveness for content-heavy pages.
Solution: Used Figma’s auto-layout for dynamic grids and collapsible sections.

Colour palette

Light
#C49F49
Normal
Normal
Normal
#FEDF89
White
White
White
#FFFFFF 

View Project

Explore Other Project