ReadyTech
•
Strategy
Research Ops
Rebranding and a new design system to drive it - Ready Student 🎨
ReadyTech
•
Strategy
Research Ops
Rebranding and a new design system to drive it - Ready Student 🎨
OVERVIEW
Our design team redesigned the user experience and interface with a design system at its centre, making changes step by step and celebrating small successes along the way. 😊
Sped up ‘Idea to Hifi’ by ~1.5 wks
Removed 100+ inconsistencies
brought to life new brand & identity
OVERVIEW
Our design team redesigned the user experience and interface with a design system at its centre, making changes step by step and celebrating small successes along the way. 😊
Sped up ‘Idea to Hifi’ by ~1.5 wks
Removed 100+ inconsistencies
brought to life new brand & identity
Ready Student (formerly JR Plus) needed an update—it looked outdated, had a high barrier to usage, and lacked a clear, consistent design.
Goal: Create a new design to support the mid-2024 rebrand, improve how the product looks and works, and rebuild it to handle growth and work better.
Ready Student (formerly JR Plus) needed an update—it looked outdated, had a high barrier to usage, and lacked a clear, consistent design.
Goal: Create a new design to support the mid-2024 rebrand, improve how the product looks and works, and rebuild it to handle growth and work better.
Owning each win
First Achievement:
Secured leadership alignment on the initial design vision.
Selected Material UI (MUI) and React as the design system foundation.
Second Achievement:
Completed the first pass on foundations, styling, and components—even before a front-end engineer was hired.
Applied components in isolated, active products to refine patterns and mature the system during development.
Third Achievement:
Collaborated with the Head of Technology to define a new architecture using a Backend-For-Frontend approach, leveraging the existing API to mitigate risks of a full migration.
Began centralising the design system into a front-end codebase as the single source of truth.
Next Goal:
Deliver an implementation strategy for the Ready Student Design System and assemble a small, agile team to enhance the core product’s UX and UI.
Owning each win
First Achievement:
Secured leadership alignment on the initial design vision.
Selected Material UI (MUI) and React as the design system foundation.
Second Achievement:
Completed the first pass on foundations, styling, and components—even before a front-end engineer was hired.
Applied components in isolated, active products to refine patterns and mature the system during development.
Third Achievement:
Collaborated with the Head of Technology to define a new architecture using a Backend-For-Frontend approach, leveraging the existing API to mitigate risks of a full migration.
Began centralising the design system into a front-end codebase as the single source of truth.
Next Goal:
Deliver an implementation strategy for the Ready Student Design System and assemble a small, agile team to enhance the core product’s UX and UI.