Discovery & Research
I joined Tranquiliti at an early stage and led UX and UI design across both the student and staff experiences. The process began with research and definition, including workshops with students and teachers, school visits, and mapping safeguarding and device policy constraints. These early insights shaped decisions around tone, trust, privacy, and role separation.
Information Architecture & User Flows
Following research, I defined user journeys and structured the information architecture for both sides of the platform, collaborating closely with the founders. This involved translating a complex wellbeing framework spanning more than forty dimensions into a coherent system that could support weekly student check-ins and multi-level staff insight. Clear role-based access patterns were established early, ensuring students, form tutors, heads of year, and senior leaders each had focused interfaces built on the same underlying data model.
Wireframing & Interaction Prototyping
Low-fidelity wireframes were developed to validate hierarchy, navigation, and data presentation before visual styling was introduced. Interactive prototypes in Figma were used to test progression, dashboard clarity, and student flow pacing in an iterative workflow. This phase focused on reducing cognitive load and ensuring that both the student check-in flow and the staff dashboards were intuitive under time constraints.
Design System & High-Fidelity UI
As the product moved from wireframes into visual design, I created a scalable design system to support consistency across web and mobile. Foundational styles including typography, colour, spacing, and layout rules were defined alongside reusable components and states. This system provided the framework for high-fidelity UI, ensuring dashboards, student flows, and data visualisations remained coherent as features expanded. Responsive behaviour was considered from the outset, particularly given differing school device policies.
Validation, Iteration & Delivery
Usability feedback informed refinements throughout development. I worked closely with developers to ensure design intent translated accurately into production, particularly around dashboard hierarchy, data visualisation clarity, and safeguarding-related visibility rules. As the team expanded, the design system and documentation supported alignment across disciplines and enabled the platform to scale without losing coherence.