🎓 Quadzio 2.0 – UX/UI Case Study

Client: Quadzio Stakeholder: Mark Goldstein Scope: Landing page redesign (strategic + visual) Role: Lead UI/UX Designer Tools: Figma → Framer Timeline: July 2025 Goal: Increase conversions and engagement by making the landing page speak Gen Z’s language — authentic, peer-led, and mobile-first

Quadzio’s old landing page was good but it somehow felt like a corporate flyer. It didn't reflect the energy of real student experiences or Quadzio’s mission to promote peer-to-peer guidance. Key challenges:

“Too polished” → inauthentic feel

No clear CTA funnel

Satisfactory mobile UX

Lacked emotional connection with high schoolers

Redesign the landing page to: ✅ Build instant trust and relatability ✅ Use real student stories, not scripted marketing ✅ Drive signups and ambassador discovery ✅ Set the tone for Quadzio 2.0’s full product launch

🔍 Research & Strategy

Understood Gen Z's distaste for “brochureware”

Used social-native cues (like story cards, first-person voice)

Emphasized peer connection over polished sales copy

🎨 Visual Redesign (Figma + Framer)

Built components in Figma first for rapid iterations

Redesigned layout with:

Transitioned design to Framer for responsive animation & scroll-based transitions

📱 Mobile Optimization

90% of users are mobile → every section adapted for thumb-friendly UX

Touch zones, tap interactions, vertical reading flow

Stakeholders used this as the foundation for Quadzio 2.0

Design direction validated for full web app build

Set the tone for future: human, honest, student-first