nghs portrait

The problem

Nottingham Girls’ High School faces the problem that public perception paints it, along with other private institutions, as condescending, outdated, and exclusionary, hindering its ability to attract a diverse student body and remain relevant in a modern educational landscape.

The purpose

The school sought to challenge traditional stereotypes of girls’ schools, aiming to showcase their true identity as an inclusive, progressive, and forward-thinking independent day school, reflecting their core values.

Understanding the clients’ demographic

My user research for this project was leveraged by my experience as a student at a nearby co-educational school, allowing me to understand the diverse profiles of prospective parents and their demographics.

A key persona emerged from this research:

Janine is a mother of two and has been happily married to her wife. They are relocating to the area for Janine’s new job as the MD of a large local business. 
Janine and Sarah both went to private schools, and have family wealth behind them to support their daughters through whatever education they need to.

Successes, obstacles & failures

I’m proud that this project was delivered successfully, on time, and within budget, thanks to a lean development process.

The client expressed their satisfaction with the final product, praising its modern, clean design, cross-device usability, intuitive backend management, and alignment with their new strategic direction.

The on-site photoshoot presented challenges. I faced scheduling conflicts due to the exam period, which limited student and teacher availability. Additionally, I had to navigate the school’s timetable and adapt to intermittent rain, requiring flexible adjustments.

The outcome

I played a key role in developing a fully responsive website for Nottingham Girls’ High School, designed to reshape prospective parents’ perceptions. The site provides comprehensive information about the school and features a dedicated lead generation booking system to drive open day attendance and tour bookings.

Creative research

Exploration

I sought to create a clean, modern aesthetic with a slight editorial feel with a sophisticated touch, while ensuring it remained grounded in the school’s core values and historical heritage.

examples of potential ux ideas for nghs
examples of ux ideas for nghs
ux ideas for nghs
photo ideas for nghs
photo idea for nghs
moodboard example of portraits

Wireframe & prototype

Hand & digital sketches

I provided the client with an interactive wireframe for them to use as an initial prototype to click through, along with initial sketches from the UX workshop. This demonstrated my proficiency in complex wireframing and prototyping using Figma.

nghs wireframe
nghs wireframe
nghs wireframe

Photography stills

From location

The following videography and photography stills demonstrate the visual success of my work, from the creative research to final execution.

school girl playing tennis at the nghs
art studio at the nghs
infant girl in nursery class
student learning in class at nghs
infant girl in nursery class
girls playing at nghs playground
tennis courts at the nghs
girls at nghs taking a science class
girls at the nghs revising and relaxing
infant girls at the nghs in a lesson

Final product design

Desktop & mobile stills

Illustrations of the NGHS website showing the interactive features across desktop and mobile devices. Tied together from the creative research and execution.

mobile example of nghs website design
desktop example of nghs website design
desktop example of nghs website design