Home

New Design Approach for Mpandezomusa Home Page

(using Elementor Free only)

Color Palette

  • Primary: 🌍 Deep Green (#2e7d32) → eco-conscious, trust

  • Secondary: ⚪ White (#ffffff) → clean, modern

  • Accent: 🔵 Dark Gray/Black (#212121) → professional, bold

  • Optional Highlight: 🌟 Gold/Yellow (#ffb300) → “impact”

🏠 Sections Layout

1. Hero Section (Full Width, Background Image)

  • Background: African landscape or abstract green gradient

  • Overlay: Dark layer at 50% opacity

  • Centered content:

    • Heading (H1): Purpose. Presence. Impact.

    • Subheading: Strategic communications and project solutions that inspire transformation and deliver lasting value.

    • Button 1 (Primary, green): Work With Us → /contact

    • Button 2 (Outline, white): Explore Services → /services

2. About Section (Split Columns)

  • Left: Image of people/teamwork/collaboration

  • Right:

    • Heading: About Mpandezomusa

    • Text: Short intro (from profile)

    • Button (Primary): Learn More → /about

3. Services Section (3–4 Columns, Icon Boxes)

  • Heading: Our Services

  • Each column = Icon + Title + Short Text

    • 🎯 Brand Strategy & Campaigns

    • ✍️ Content & Copywriting

    • 🌐 Social & Digital Media

    • 🤝 CSR & Stakeholder Engagement

  • Button below: See All Services → /services

4. Portfolio Section (3 Column Grid, Image Hover)

  • Heading: Featured Work

  • 3 Project cards with hover overlay:

    • CSR Strategy for Community Impact

    • Purpose-Led Brand Campaign

    • Eco-Conscious Corporate Gifting

  • Button: View Portfolio → /portfolio

5. Sustainability Highlight (Full Width Banner)

  • Background: Green overlay image of nature/community

  • Heading: Communication With Conscience

  • Text: At Mpandezomusa, we believe in communication that uplifts people, communities, and the planet.

  • Button: Learn More → /sustainability

6. Blog / Insights Section (3 Column Recent Posts)

  • Heading: Insights & Stories

  • Auto-pulled latest posts (free Elementor posts widget alternative plugin if needed).

  • Button: Read All → /blog

7. Testimonials Section (Slider or Grid)

  • Heading: What Our Clients Say

  • Testimonial card:
    “Working with Mpandezomusa transformed the way we engage our stakeholders.” – Corporate Client

  • Add partner logos in a row below.

8. Contact CTA Section (Full Width)

  • Split columns:

    • Left: Contact form (WPForms Lite / Contact Form 7)

    • Right: Info box with phone, email

  • Heading: Let’s Build Your Story Together

Plugin Stack (All Free)

1. Essential Addons for Elementor

👉 Adds 70+ free widgets (testimonials slider, advanced headings, post grids, call-to-actions).
✅ Use for: Testimonials slider, Service icon boxes, Stylish CTAs.

2. Elementor Header & Footer Builder

👉 Lets you design a custom header/footer with Elementor.
✅ Use for: Branded navigation, sticky header with “Client Portal” button.

3. Happy Addons for Elementor

👉 Adds animations + gradient buttons + image hover effects.
✅ Use for: Fancy service cards, portfolio hover effects.

4. Smart Slider 3

👉 Free slider plugin that integrates with Elementor.
✅ Use for: Hero banner with motion background or image slides.

5. WPForms Lite

👉 Free drag & drop form builder.
✅ Use for: Contact form + consultation booking form.

6. Elementor Custom Skin (Free)

👉 Lets you design how blog posts & portfolios look.
✅ Use for: Stylish blog preview grids.

🏠 New Home Page Flow (with Plugins)

1. Hero Banner (Smart Slider 3)

  • Full-screen slider with background image/video + animated text overlay

  • Buttons: Work With Us (Primary) + Explore Services (Secondary)

2. About Us (Happy Addons – Info Box with animation)

  • Left: Image of people/teamwork

  • Right: Animated info box with heading, text, and button

3. Services Section (Essential Addons – Advanced Icon Box)

  • 4 animated service cards with hover effects

  • Icons + short description

  • Button: “See All Services”

4. Portfolio Section (Happy Addons – Image Hover Effects)

  • 3-column project cards with overlay text

  • Hover reveals “View Project” link

5. Sustainability Banner (Essential Addons – Call To Action widget)

  • Full-width green banner with parallax background

  • Text: “Communication With Conscience”

  • Button: “Learn More”

6. Blog Section (Elementor Custom Skin + Posts Widget)

  • Grid of latest blog posts with image + excerpt

  • Button: “Read More”

7. Testimonials Slider (Essential Addons – Testimonial Carousel)

  • Rotating client quotes

  • Add partner logos below

8. Contact Section (WPForms Lite)

  • Left: Form (Name, Email, Organisation, Message)

  • Right: Info box with phone, email, and CTA

Scroll to Top