A New Chapter for Learning - Portfolio

dignity college

A New Chapter for Learning

Bringing Dignity College’s education experience into a focused digital space.

Background

overview

Dignity College is committed to equipping young people with practical skills, confidence and real-world experience to prepare them for their future careers. To effectively communicate its purpose, programmes and opportunities, the college required a digital presence that could build awareness and connect with students, parents, industry partners and the wider community.

In collaboration with XIMNET, the website was developed from the ground up as more than an information platform — serving as a welcoming introduction to the college and its approach to education. The project focused on creating a clear, accessible and engaging digital experience that communicates Dignity College’s values, showcases its vocational pathways and highlights the opportunities available for young people to learn, grow and build their future.

the client

Dignity College is a vocational education institution that equips young people with practical skills, confidence and real-world experience to prepare them for future careers. Its approach goes beyond traditional classroom learning, combining academic foundations, character development and hands-on vocational training.

Through programmes such as ASET, students explore different career pathways, develop industry-relevant skills and gain practical experience through internships with industry partners. The college offers training across areas including hospitality, services, IT, arts, multimedia and technical skills, helping students discover their strengths while building a foundation for employment or further education.

challenges

One of the primary challenges was establishing a digital presence for Dignity College that could build on the established Dignity brand while giving the college a distinct identity of its own. As part of Dignity, the website needed to remain aligned with the organisation’s existing values and visual language, while introducing a fresh and contemporary direction that reflects the college’s focus on education and skills development.

From a visual perspective, the challenge was to create a clean and focused website that could stand confidently on its own without feeling disconnected from the wider Dignity brand. The design needed to balance simplicity with visual interest, using considered layouts, strong visual hierarchy and purposeful imagery to create a modern and engaging experience.

Ultimately, the opportunity was to establish a digital presence that feels distinctly Dignity College — recognisable as part of the wider Dignity brand, while having its own character, visual presence and sense of freshness.

our approach

Our approach focused on creating a clean, contemporary digital experience for Dignity College while maintaining a clear connection to the wider Dignity brand.

The website was structured around simplicity and clarity, with a streamlined content structure, intuitive navigation and clear content hierarchy. This creates a focused experience where content and key messages can be communicated clearly without unnecessary visual complexity.

Visually, we introduced a fresh and energetic direction through strong imagery, bold graphic elements and the considered use of Dignity’s brand colours. The use of contrasting visual treatments adds character and movement to the overall experience, while maintaining a clean and minimal look.

A fresh digital identity, rooted in Dignity

The Work

Research

Our research explored existing education websites to understand current approaches to presenting educational programmes, information and experiences in a clear and engaging way. We looked at how different institutions structure their content, navigation and visual language to identify relevant patterns and opportunities for Dignity College.

At the same time, we considered how the website could work within the wider Dignity brand. As part of Dignity, the College needed to retain a sense of brand familiarity while developing a digital presence with its own character and visual direction.

These insights helped shape an approach that balances the conventions of education websites with a more distinctive interpretation of the Dignity brand, providing a strong foundation for a contemporary and cohesive digital experience.

Design Concept

The design concept is built around a bold, energetic visual language that reflects the spirit of Dignity College and its focus on growth, learning and progression. The overall direction combines strong editorial imagery with graphic elements to create a website that feels contemporary, confident and full of energy.

Black-and-white photography is used prominently to place emphasis on people, moments and expressions. The monochromatic treatment creates a consistent visual foundation while allowing the photography to feel more striking and editorial across the website.

This is contrasted with bold graphic lines that move through the layouts, creating rhythm and a sense of movement. These lines are brought to life through vibrant blue and yellow drawn from the Dignity brand palette, introducing colour, warmth and energy against the black-and-white imagery.

Together, the monochromatic photography, bold lines and vibrant colours create a balanced visual language that feels both structured and dynamic. The graphic elements help guide attention throughout the page, adding visual interest and energy while keeping the overall layout clean and cohesive.

Visual Storytelling

Strong photography and bold graphic elements bring the College experience to life.

Responsive

A flexible layout delivers a seamless experience across any device.

Clear Navigation

A clear structure helps users find and explore information with ease.

The Results

The Dignity College website brings its education offering into a clear and engaging online space. A clean visual direction and intuitive structure make it easier for visitors to explore the college, discover its programmes, and understand its approach to education.

The design gives Dignity College a distinct identity while maintaining a connection to the wider Dignity brand. Thoughtful content organisation and an expressive visual language create an approachable and purposeful experience for students and visitors.

project achivements

2.3

average views per session

52%

engagement rate

1.4m

engagement time on average

38%

views landed on Educator Team

The result is a cohesive website that communicates Dignity College’s offering clearly while creating a stronger foundation for its online presence.

see the work

Other works