Inspiring Future
Champions
This project aimed to bring the organisation’s mission of “Commitment, Respect, and Support” to life through a warm, inviting website that feels as nurturing as the safe Havens it provides for children aged 7 to 17. The goal was to design a digital space where children, families, and potential team members feel the heart of the organisation’s purpose—a place dedicated to building confidence and resilience in young people.
From the vibrant illustrations to the friendly navigation, every design choice focused on making the website approachable and easy to explore. The project involved crafting an intuitive experience that celebrates each child’s journey, while also providing a seamless path for visitors to learn about the care and support available. Key elements included accessible design, engaging visuals, and thoughtful content that reflects the organisation’s unique approach to care.
Part 1: The Challenge
Background
The website serves as a crucial platform to inform stakeholders, including parents, professionals and potential employees, about the organisation’s services, values and opportunities.
Problem
The challenge was to design a website that effectively communicates the organisation’s mission while being accessible, informative and engaging for a diverse audience.
Scope
The scope included developing an intuitive information architecture, clear content strategy and responsive design, ensuring the site meets accessibility standards and effectively serves its primary user personas.
Part 2: The Process
Step 1: Empathise
The “Empathise” phase is the foundation of the UX design process, where the focus is on deeply understanding the users, their needs and their pain points. For the 360 CRS project, this involved a series of qualitative research methods aimed at gathering insights into the experiences and emotions of the target audience.
User Interviews:
In-depth interviews were conducted with individuals representing the three main user personas: parents, social workers and job seekers. These interviews provided valuable insights into their motivations, challenges and expectations when interacting with a website like 360 CRS.
- Parents & Guardians: Expressed concerns about finding a safe, reliable environment for their children. They were particularly focused on the emotional tone of the website, needing it to convey trustworthiness and empathy.
- Social Workers: Required quick access to detailed, professional information about services, therapeutic approaches and regulatory compliance. They emphasised the importance of efficiency and credibility in the content presentation.
- Job Seekers: Wanted to understand the organisational culture and career growth opportunities. They were interested in both the practical aspects of the job (like application processes) and the values that the organisation upholds.
Surveys and Questionnaires:
To complement the interviews, surveys were distributed to a broader audience to gather quantitative data on user preferences, behaviours and pain points. This data helped in validating the qualitative findings and provided a more comprehensive picture of user needs.
1. Survey Demographics
Participants: 150 respondents
2. Key Findings
Trust is Crucial
75% of parents need a strong sense of trust in the organisation.
Quick Access to Information
80% of social workers want easily accessible referral information.
Career Growth Opportunities
60% of job seekers look for clear paths for career advancement.
3. User Preferences
Visual Design
65% of parents prefer child-friendly, cartoon imagery.
Look & Feel
85% of users favour a clean, professional look with calming colours.
Content
70% of respondents value empathetic and supportive language.
4. Actionable Insights
Simplify Navigation
Design clear pathways for different user groups.
Enhance Visual Appeal
Incorporate child-friendly visuals without compromising professionalism.
Improve Content
Develop empathetic content that resonates with users’ emotional needs.
Personas Development:
Based on the insights gathered from interviews, surveys and emotional mapping, detailed user personas were developed. These personas encapsulated the core characteristics, needs and pain points of the primary user groups, providing a reference point throughout the design process.
Key Findings
Need for Trust
Parents needed to feel reassured that 360 CRS is a trustworthy and caring environment for their children.
Efficiency and Clarity
Social workers required a site that was easy to navigate with quick access to critical information.
Organisational Insight
Job seekers needed clear information on the organisation’s values and career opportunities.
By the end of the “Empathise” phase, the team had a deep understanding of the users’ needs, desires and pain points, which would guide the subsequent phases of the design process.
Step 2: Define
After gathering insights during the empathy phase, the “Define” phase focuses on synthesising the data to clearly articulate the core problems, user needs and objectives for the 360CRS website. This phase is crucial for setting a strong foundation for the design process, ensuring that the solutions developed are directly aligned with the users’ expectations and challenges.
Problem Statement
The 360 CRS website must cater to a diverse audience, including concerned parents, social workers and aspiring care workers. The primary challenge is to provide a platform that is easy to navigate, emotionally supportive and professionally credible, addressing the unique needs of each user group.
Key User Needs
Sarah, Concerned Parent:
- Needs clear, empathetic communication that builds trust and reassures her about the quality of care.
- Desires easy access to detailed information about the services offered and the qualifications of staff.
Mark, Social Worker:
- Requires efficient navigation to quickly access specific information such as therapeutic approaches and referral processes.
- Needs confidence in the site’s credibility and compliance with regulatory standards.
Emily, Aspiring Care Worker:
- Seeks detailed information about career opportunities and the organisation’s values.
- Wants assurance that the job environment will offer professional growth and align with her passion for child care.
Pain Points
Sarah: Overwhelmed by the volume of information and the challenge of discerning trustworthy sources. Concerned about the transparency and quality of services.
Mark: Frustrated by websites that are difficult to navigate or lack the detailed information needed for referrals. Time-sensitive needs for reliable, quickly accessible data.
Emily: Struggles with finding clear information about job roles and growth opportunities. Concerned about finding an organisation that aligns with her values and offers career development.
Design Objectives
For Sarah: Create a supportive and transparent environment that conveys trust through empathetic content and clear information on care services.
For Mark: Develop a streamlined, professional interface that allows for quick access to key information, including compliance and referral details.
For Emily: Highlight career paths and organisational values in a way that clearly communicates growth opportunities and alignment with her passion for child care.
Visual and Content Strategies
Empathy-Driven Design
Use child-friendly, cartoon-themed imagery combined with a professional layout to balance approachability with credibility.
Modular Content
Present information in easily digestible sections to prevent overwhelming users, while allowing them to dive deeper if needed.
Responsive and Accessible Design
Ensure the site is mobile-friendly and adheres to accessibility standards, making it usable for all users, including those with disabilities.
By the end of the “Define” phase, the team had a clear understanding of the specific needs and challenges of each user persona, providing a strong direction for the subsequent ideation and design phases. The focus on empathy, trust and usability ensures that the solutions developed will effectively address the identified problems and enhance the user experience for all visitors to the 360CRS website.
Part 3: Ideate
The ideation phase involved generating creative solutions to meet the needs identified in the empathy and definition stages, with a focus on making the 360 CRS website user-friendly, emotionally resonant and effective at communicating its mission.
Brainstorming Sessions:
Several brainstorming sessions were held to explore how to create a website that would effectively engage users. The team considered different design elements, including the use of visual imagery typically associated with children, such as a cartoon theme. This idea stemmed from the understanding that such imagery can make the site more approachable and comforting for parents and children alike.
Key Ideas Generated:
- Streamlined Navigation: Simplified menu options and a clear hierarchy were proposed to help users quickly find the information they need. The navigation structure was designed to be intuitive for all user personas, including parents, social workers and job seekers.
- Cartoon-Themed Imagery: The use of cartoon-themed imagery was proposed as a way to make the website feel more welcoming and less clinical. This type of imagery can resonate emotionally with both children and parents, creating a sense of familiarity and comfort. For parents, it signals that the environment is child-friendly and focused on care and support. For children who may view the site, it can reduce anxiety by presenting the services in a more accessible and less intimidating manner.
- Empathy-Driven Content: The team focused on developing content that resonates emotionally with users. The idea of featuring real-life testimonials and success stories was emphasized to build trust and emotional connection.
- Visual and Interactive Elements: Ideas were generated around the visual design, including the use of bright, cheerful colours and engaging imagery. Additionally, interactive features like a live chat for immediate support and a referral form were proposed to enhance user engagement.
- Mobile-First Design: The idea of adopting a mobile-first approach was emphasized to ensure that the website is fully responsive and accessible on all devices, particularly for users like parents who might primarily browse on mobile.
- Content Modularisation: The concept of using collapsible content modules was proposed to balance detailed information with user-friendly presentation, allowing users to explore topics at their own pace.
Wireframing and Prototyping:
These ideas were then translated into wireframes and low-fidelity prototypes to test the proposed solutions. The cartoon-themed imagery was incorporated into the visual design and prototypes were created to simulate user journeys, focusing on how these elements would impact user experience.
User Feedback and Iteration:
The prototypes were tested with a small group of users representing the different personas. Feedback showed that the cartoon-themed imagery made the site feel more approachable, especially for parents. However, it was important to strike a balance to ensure that the site still conveyed professionalism and trustworthiness.
- Iteration Cycles: Based on the feedback, the team iterated on the designs, adjusting the use of imagery and colours to maintain a professional tone while still being child-friendly and welcoming.
Final Ideation Outputs:
By the end of the ideation phase, the team had developed a well-defined set of design concepts, including the effective use of cartoon-themed imagery, that would guide the development of the final website. These solutions were aligned with the core needs of the users, ensuring that the website would be both functional and emotionally engaging.
The inclusion of child-friendly visual elements, such as cartoon imagery, was a strategic decision to enhance the website’s appeal and comfort level for both parents and children, making it a more inviting and supportive digital environment.
Part 4: The Solution
After the ideation and testing phases, the final solution for the 360 Children’s Residential Services (360 CRS) website was developed with a focus on meeting the needs of its diverse user base while aligning with the organisation’s mission. The design and content strategies were refined to create a user-centred, emotionally resonant and professional website.
Final Design Implementation:
Intuitive Navigation: The navigation was streamlined to ensure that users can easily find the information they need. The site features a clear, hierarchical structure with dedicated sections for each user persona—parents, social workers and job seekers. This structure supports easy access to key areas such as service information, referral processes and job opportunities.
Cartoon-Themed Visual Imagery: The use of cartoon-themed imagery was implemented to create a welcoming and child-friendly environment. This imagery was strategically used across the site to evoke a sense of warmth and safety, which is crucial for both parents and children. The visuals were carefully balanced to ensure that while the site remained approachable, it also retained the professionalism necessary to build trust with social workers and professionals.
Empathetic Content Strategy: Content was developed with a focus on clarity, empathy and professionalism. The language used is supportive and reassuring, addressing the emotional needs of parents who are seeking care for their children. Testimonials and success stories are prominently featured to provide real-life examples of the organisation’s impact, further building trust with visitors.
Responsive and Accessible Design: The website was designed to be fully responsive, ensuring an optimal experience on all devices, particularly mobile phones. Accessibility features were incorporated, including clear typography, alt text for images and keyboard navigation, making the site usable for individuals with disabilities.
Interactive Features: To enhance user engagement, interactive elements such as a live chat feature and a simple, user-friendly referral form were added. These features allow users to quickly get the support they need and facilitate the referral process for professionals.
User Testing and Refinement:
After implementing the final design, the site underwent rigorous user testing with representatives from each of the key personas. Feedback was overwhelmingly positive, particularly regarding the ease of navigation, the emotional resonance of the content and the welcoming visual design. Minor adjustments were made based on this feedback to further improve the user experience.
Final Thoughts
The 360 CRS website now effectively serves its purpose of informing and supporting parents, social workers and potential employees. The combination of intuitive navigation, empathetic content and child-friendly visual design ensures that users feel supported and reassured as they interact with the site. The project successfully met its goals of creating a user-centred, emotionally engaging platform that aligns with the mission of providing compassionate care for children with complex needs.
Moving forward, the website is positioned to adapt to future enhancements, such as additional interactive features and further optimisation for load times, ensuring it continues to meet the evolving needs of its users