Wise Wings

🧠 Wise Wings – UI/UX & Web Design Case Study

Overview

Wise Wings collaborates with schools to co-create personalized curriculums that break away from standardized models. The goal was to design a website that reflects their mission—thoughtful, human-centered, and rooted in educational impact.

My Role

UI/UX Designer · Web Designer (Framer) · Brand Translator
I led the design and build of the Wise Wings site, from moodboarding and layout design to interaction flow and final launch on Framer.

Goals

• Communicate Wise Wings' unique approach to curriculum development

• Build trust and clarity for school leaders exploring partnership opportunities

• Create a warm, minimal, and modern digital presence

• Ensure mobile responsiveness and ease of updates

Approach

1. Discovery & Brand Alignment
I began by aligning with the team on core messaging: co-creation, customization, and long-term support. The brand needed to feel trustworthy yet fresh—balancing structure with warmth.

2. UX Planning
Mapped out a simple, scrollable structure focused on storytelling:

• Who we are

• What we offer

• How it works

• Testimonials

• Contact CTA

3. UI Design

• Chose soft colors and playful yet professional typography

• Used clear sectioning with generous white space

• Included subtle animations for polish without distraction

• Designed responsive layouts for mobile-first viewing

4. Built on Framer

• Developed the site fully in Framer for speed, animation, and handoff ease

• Enabled smooth scrolling and transition effects

• Optimized for fast loading and performance

Highlights

• Tone-perfect visuals: Balanced between structured (education) and friendly (collaboration)

• Clear narrative flow: Guiding users from awareness to interest to inquiry

• Framer-native build: Fully responsive and easily editable for the client

Outcome

The final website clearly communicates Wise Wings' value proposition while offering an easy, elegant browsing experience. It positions the brand confidently in the education space with a tone that invites partnership.

Tools

Framer · Figma