Elevate Academy Website Redesign

✨ Quick Overview Elevate Academy needed to modernize their website presence: redesigning the Homepage, the About Us page, and the Elevate Academy section. They didn’t have a full brand guideline —only a logo and primary colors— so part of the challenge was to create a consistent visual language from minimal assets.

🚩 Problem

The homepage wasn’t clearly communicating the value proposition or guiding visitors toward course enrollment.

Visual inconsistencies across pages due to lack of brand guidelines.

Poor mobile experience: difficult content scanning and scattered CTAs.

🛠️ Approach (What We Did)

Audit & Discovery: Conducted a quick visual and content audit to identify gaps in clarity and hierarchy.

Content Strategy: Reorganized key information to highlight benefits, social proof, and clear CTAs.

Mobile-first Design: Structured layouts for mobile, then scaled up to desktop.

Mini Design System: Built a lightweight style kit (typography, colors, button variants) based on existing logo and colors.

Interactive Prototype: Delivered click-through prototypes to validate key flows like “Explore Courses” and “Sign Up.”

📦 Deliverables

Redesigned Homepage, About Us, and Elevate Academy (desktop + mobile).

Simplified component library (buttons, cards, headers, forms).

Clickable prototype in Figma.

Condensed style brief for client use (logo usage, color palette, typography hierarchy)

👤 Role & Tools

Role: Lead Web Designer / Product-focused UX.

Tools: Figma (design & prototypes), Google Slides (client presentation), Loom (handoff walkthrough).

⏱️ Timeline

📊 Results (sample metrics from similar projects)

+32% increase in leads captured from the Homepage.

-18% reduction in bounce rate.

+40% increase in mobile engagement (pages per session).

+25% increase in clicks on main CTA (“Enroll” / “Explore Courses”).

+50% longer average session duration on Elevate Academy pages.