UI/UX

ROBOFLIGHT

Website design & development for a hands-on STEM education platform in New Brunswick

View Live Site

Year

2024

Role

UI Designer & Web Developer

Client

RoboFlight — New Brunswick, Canada

Tools

Figma, Next.js, Tailwind CSS, Adobe Illustrator

Overview

RoboFlight is a New Brunswick-based STEM education program teaching robotics, drone building, coding, and circuitry to students across 3 schools. I designed and developed the full public website from scratch — shaping the visual identity, information architecture, and UI system that communicates the brand's mission to parents, students, and school partners.

Challenge

The biggest tension was tonal: the platform needed to feel technically credible (to educators and parents) while still feeling exciting and accessible to kids. A single visual system had to carry two completely different moods — a dark, electric hero with cyan accents for energy, and a clean white interior for clarity and trust. Every section had to earn its place in the enrolment journey.

Outcome

Delivered a fully responsive 9-section website covering hero, value proposition, founder story, course catalogue (Quadcopter Drone, Basic Robotics, RC Plane Making), an interactive Arduino DIY module, transparent pricing, partner schools, and an enrolment contact form — all live on Vercel.