PROTOTYPES
Low-fi
Wireframes
Every page started as a quick paper-style sketch. The goal was to lock down hierarchy and grid before worrying about colour, type, or imagery.
Isabella
make
something.
High-fi
Mockups
Once the wireframes were locked in, I moved into Figma to design the high-fidelity mockups with real type, colour, and imagery.
Low-fi Wireframes
The very first sketches, structure, hierarchy, and grid before any color or type. Open in Figma →
Visual Direction
References from DAZED, magazine covers, and editorial layouts that shaped the typography and color choices. Open in Figma →
Homepage Mockup
High-fidelity mockup of the home page hero, education section, and contact bar. Open in Figma →
Component Library
Reusable buttons, cards, the photo-circle, and the navigation overlay, all set up as a small design system. Open in Figma →
Each Figma file is open for view-only access. To leave a comment, request edit permissions via the Contact page.