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
4-week sprint → Audit → Two design iterations → Final prototype + delivery.
📊 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.
