Heritage Hills International School
Background
The Challenge
Information Architecture
Heritage Hills High School was founded with a vision to create an educational haven where values are as important as academic excellence. The school emphasizes joyful and purposeful learning, blending cultural identity with modern innovation. Its curriculum nurtures critical thinking alongside emotional intelligence, ensuring students grow holistically in mind, heart, and soul. With activity-based learning, value-driven storytelling, and festival celebrations, the institution creates a balanced and meaningful educational experience.
For this project, I was responsible for designing and developing the school’s website from the ground up. Using Figma for the design phase and WordPress with Elementor for development, I translated the school’s philosophy into a clean, functional digital presence. My role involved structuring content, creating intuitive navigation, and building responsive layouts. The result was a website that reflects the school’s ethos while providing a seamless experience for parents and students.
Research & Exploring the Structure
User interviews were conducted by the core team in Tennessee. While I wasn't present for the sessions, I synthesised the findings with the team to align on which workflows were essential for mobile and which were better suited to remain on desktop. This conversation became the foundation for every structural decision that followed.
With the scope defined, three structural approaches were explored:
Assessments, sessions, and goals as separate destinations linked by session IDs. Familiar, but required jumping across sections to complete one task.
Navigation simplified, bottom nav removed, but the three still lived independently. Less clutter, same fragmentation.
Everything was organised within the session itself. One entry point, one context, no jumping between sections.
Option 3 was chosen because it matched how patients naturally think about their care: in terms of sessions, not categories. If a patient wants to do anything related to one session, they go there and nowhere else. It also clarified the mobile scope — the session was the sole task we wanted to support on mobile. Everything else that felt too complex was intentionally left on desktop.
Interactive Prototype
Heritage Hills International School
Background
The Challenge
Information Architecture
Heritage Hills High School was founded with a vision to create an educational haven where values are as important as academic excellence. The school emphasizes joyful and purposeful learning, blending cultural identity with modern innovation. Its curriculum nurtures critical thinking alongside emotional intelligence, ensuring students grow holistically in mind, heart, and soul. With activity-based learning, value-driven storytelling, and festival celebrations, the institution creates a balanced and meaningful educational experience.
For this project, I was responsible for designing and developing the school’s website from the ground up. Using Figma for the design phase and WordPress with Elementor for development, I translated the school’s philosophy into a clean, functional digital presence. My role involved structuring content, creating intuitive navigation, and building responsive layouts. The result was a website that reflects the school’s ethos while providing a seamless experience for parents and students.
Research & Exploring the Structure
User interviews were conducted by the core team in Tennessee. While I wasn't present for the sessions, I synthesised the findings with the team to align on which workflows were essential for mobile and which were better suited to remain on desktop. This conversation became the foundation for every structural decision that followed.
With the scope defined, three structural approaches were explored:
Assessments, sessions, and goals as separate destinations linked by session IDs. Familiar, but required jumping across sections to complete one task.
Navigation simplified, bottom nav removed, but the three still lived independently. Less clutter, same fragmentation.
Everything was organised within the session itself. One entry point, one context, no jumping between sections.
Option 3 was chosen because it matched how patients naturally think about their care: in terms of sessions, not categories. If a patient wants to do anything related to one session, they go there and nowhere else. It also clarified the mobile scope — the session was the sole task we wanted to support on mobile. Everything else that felt too complex was intentionally left on desktop.
Interactive Prototype