Overflow Academy — Learning Platform & Marketing Landing Pages

Client:

Overflow

Scope

UX/UI design for marketing and academy pages, visual assets, layout and illustration system, training video editing, Webflow development and responsive implementation

Tools

Figma, Adobe Illustrator, Adobe Premiere Pro, Webflow

Overflow Academy is an educational platform focused on advanced React and diagramming technologies. The project included two complementary web experiences: a marketing landing page introducing the academy and its value proposition, and the academy hub providing structured access to courses and learning materials. The objective was to create a cohesive product presence that communicates technical depth while remaining clear and approachable for developers.

A complete UX/UI system was designed in Figma, establishing modular layouts tailored to educational content such as lessons, modules, and video resources. Supporting visual assets and interface graphics were created to reinforce the technical subject matter while maintaining hierarchy, readability, and consistency with the Overflow product ecosystem.

The scope also included editing and assembling the academy’s training video materials, ensuring visual continuity between the educational content and the platform interface. This unified the learning experience across marketing and instructional touchpoints and strengthened the product’s visual identity.

Both the marketing and academy pages were implemented in Webflow, translating the design system into responsive layouts and reusable components prepared for future course expansion. The result is a scalable learning platform and marketing website that clearly structures complex educational content within a modern developer-focused product brand.