Character Design / Book Visual Development / Framer website
Character Design / Book Visual Development / Framer website
Character Design / Book Visual Development / Framer website
National Finance Olympiad - Financial Education Platform
National Finance Olympiad - Financial Education Platform
National Finance Olympiad - Financial Education Platform
Designing Learning Experiences Across Print & Digital
Designing Learning Experiences Across Print & Digital
Designing Learning Experiences Across Print & Digital
Project Overview
National Finance Olympiad is a financial education platform that introduces students to money, finance, and practical decision-making through books, competitions, and digital learning experiences. As part of the design team, I worked across educational publishing, character systems, website design, and digital communication, helping maintain a consistent visual identity across the platform.
National Finance Olympiad is a financial education platform that introduces students to money, finance, and practical decision-making through books, competitions, and digital learning experiences. As part of the design team, I worked across educational publishing, character systems, website design, and digital communication, helping maintain a consistent visual identity across the platform.
National Finance Olympiad is a financial education platform that introduces students to money, finance, and practical decision-making through books, competitions, and digital learning experiences. As part of the design team, I worked across educational publishing, character systems, website design, and digital communication, helping maintain a consistent visual identity across the platform.
1. Educational Publishing
Designing for Young Learners
A recurring bear character was developed for the Grade 1–5 Personal Finance Handbook series to create a familiar learning companion. While the character evolved visually with each grade, it remained instantly recognisable, reinforcing continuity throughout the series.
A recurring bear character was developed for the Grade 1–5 Personal Finance Handbook series to create a familiar learning companion. While the character evolved visually with each grade, it remained instantly recognisable, reinforcing continuity throughout the series.
A recurring bear character was developed for the Grade 1–5 Personal Finance Handbook series to create a familiar learning companion. While the character evolved visually with each grade, it remained instantly recognisable, reinforcing continuity throughout the series.
Key Character Design Consideration
The character was designed to feel familiar, friendly, and approachable to young learners. Drawing inspiration from the warmth and comfort associated with teddy bears and the expressive, memorable qualities of characters like Doraemon, the aim was to create a character that children could easily connect with. This sense of familiarity and personality helped make the learning experience feel more engaging, encouraging children to interact with and learn alongside the character.
The character was designed to feel familiar, friendly, and approachable to young learners. Drawing inspiration from the warmth and comfort associated with teddy bears and the expressive, memorable qualities of characters like Doraemon, the aim was to create a character that children could easily connect with. This sense of familiarity and personality helped make the learning experience feel more engaging, encouraging children to interact with and learn alongside the character.
The character was designed to feel familiar, friendly, and approachable to young learners. Drawing inspiration from the warmth and comfort associated with teddy bears and the expressive, memorable qualities of characters like Doraemon, the aim was to create a character that children could easily connect with. This sense of familiarity and personality helped make the learning experience feel more engaging, encouraging children to interact with and learn alongside the character.
Character Story Boarding
Character expressions and poses were explored through quick storyboards before being refined into the final illustrations.
Character expressions and poses were explored through quick storyboards before being refined into the final illustrations.
Character expressions and poses were explored through quick storyboards before being refined into the final illustrations.



Developing book Visuals
Book visuals were developed through a workflow combining AI-generated references with illustration and design refinement. Each visual was adapted to maintain consistency across layouts, learning objectives, and the overall character system.
Book visuals were developed through a workflow combining AI-generated references with illustration and design refinement. Each visual was adapted to maintain consistency across layouts, learning objectives, and the overall character system.
Book visuals were developed through a workflow combining AI-generated references with illustration and design refinement. Each visual was adapted to maintain consistency across layouts, learning objectives, and the overall character system.



Final Book Illustration
Grade 1-2 Personal finance handbook
Grade 1-2 Personal finance handbook












Grade 3-4 Personal finance handbook
Grade 3-4 Personal finance handbook






Grade 5 Personal finance handbook
Grade 5 Personal finance handbook






2. Digital Experience
Contributing to the Live Framer Website
Collaboratively designed and developed the NFO registration experience in Framer. Contributed to page layouts, UI refinements, responsive implementation, and the adaptation of grade-specific pages while maintaining consistency across the website.
Collaboratively designed and developed the NFO registration experience in Framer. Contributed to page layouts, UI refinements, responsive implementation, and the adaptation of grade-specific pages while maintaining consistency across the website.
Project Objective
Collaboratively designed and developed the NFO registration experience in Framer. Contributed to page layouts, UI refinements, responsive implementation, and the adaptation of grade-specific pages while maintaining consistency across the website.
Collaboratively designed and developed the NFO registration experience in Framer. Contributed to page layouts, UI refinements, responsive implementation, and the adaptation of grade-specific pages while maintaining consistency across the website.
Old Version
Old Version
Old Version


Redesign
Redesign
Redesign








