The project
Michelle Hinde offers clinical supervision for professionals working in eating disorders and trauma. The website needed to clearly communicate her expertise, approach, and how to get in touch, while maintaining a professional yet approachable tone that reflects the sensitive nature of the work.
This was Michelle's first foray into having a website. Previously, she had relied on word-of-mouth and professional networks to connect with clients. We were tasked with creating her first website for Michelle Hinde that would help professionals find and connect with clinical supervision services, focusing on clarity, accessibility, and professional credibility.
The website
Key features
Clear Information Architecture
Simple navigation: About, Supervision, Resources, Contact
Clear value proposition on the homepage explaining Michelle's expertise and approach
Professional Content
Content carefully crafted to highlight Michelle's experience, specialism, and approach
Professional yet approachable tone throughout
Clear explanation of services and how to get in touch
Accessibility First
Built with modern web standards that work across all browsers
Proper semantic HTML and ARIA labels where needed
Clear accessibility statement and information
Colour palette
The colour palette was carefully chosen to reflect the sensitive and supportive nature of Michelle's work. Rather than bold, high-contrast colours that might feel clinical or overwhelming, we opted for a softer, more calming palette that feels approachable and safe.
The muted tones - soft creams, gentle pinks, light greens and blues - create a warm, welcoming atmosphere that helps visitors feel at ease. These colours are particularly important in the context of eating disorders and trauma work, where the visual environment can significantly impact how people feel when seeking support. The palette avoids anything that might feel harsh or triggering, instead offering a sense of calm and reassurance that aligns with Michelle's therapeutic approach.
-
- Light Cream
- #f0e0c4
- rgb(240 224 196)
- hsl(34deg 54% 87%)
-
- Light Pink
- #c4a8b8
- rgb(196 168 184)
- hsl(319deg 16% 62% / 0.4)
-
- Light Green
- #b0d4a8
- rgb(176 212 168)
- hsl(113deg 16% 70%)
-
- Light Blue
- #7bb3c4
- rgb(123 179 196)
- hsl(194deg 35% 56%)
-
- Blue
- #252a2d
- rgb(37 42 45)
- hsl(198deg 11% 18%)
-
- Green
- #3d6b4f
- rgb(61 107 79)
- hsl(141deg 38% 26%)
-
- Purple
- #7a6d7d
- rgb(122 109 125)
- hsl(319deg 9% 46%)
-
- Pink
- #f4a896
- rgb(244 168 150)
- hsl(8deg 66% 78%)
-
- Dark Purple
- #4d444f
- rgb(77 68 79)
- hsl(319deg 9% 26%)
-
- White
- #f9f5e8
- rgb(249 245 232)
- hsl(37deg 69% 95%)
Performance and Core Web Vitals
Mobile
Performance:
98%
Accessibility:
100%
Best practices:
100%
Search Engine Optimisation:
100%
Full details
-
Largest Contentful Paint:
1.4s
Success: < 2.5s Warning: 2.6s - 4s Error: > 4s
-
First Contentful Paint:
0.9s
Success: < 1.8s Warning: 1.81s - 3s Error: > 3s
-
Speed Index:
4s
Success: <3.4s Warning: 3.5s - 5.8s Error: > 5.8s
-
Cumulative Layout Shift:
0
Success: < 0.1 Warning: 0.11 - 0.25 Error: > 0.25
-
Total Blocking Time:
0ms
Success: < 200ms Warning: 201ms - 600ms Error: > 600ms
-
Page weight:
936KB
Success: < 1.50MB Warning: 1.50MB - 2.23MB Error: > 2.23MB
Desktop
Performance:
100%
Accessibility:
100%
Best practices:
100%
Search Engine Optimisation:
100%
Full details
-
Largest Contentful Paint:
0.3s
Success: < 2.5s Warning: 2.6s - 4s Error: > 4s
-
First Contentful Paint:
0.3s
Success: < 1.8s Warning: 1.81s - 3s Error: > 3s
-
Speed Index:
0.7s
Success: <3.4s Warning: 3.5s - 5.8s Error: > 5.8s
-
Cumulative Layout Shift:
0
Success: < 0.1 Warning: 0.11 - 0.25 Error: > 0.25
-
Total Blocking Time:
0ms
Success: < 200ms Warning: 201ms - 600ms Error: > 600ms
-
Page weight:
936KB
Success: < 1.50MB Warning: 1.50MB - 2.23MB Error: > 2.23MB
Tech used
- Static site generation with Eleventy
- CSS transformations with PostCSS
- Front end build tasks with Gulp
- Hosted on Vercel
- Code stored on GitHub
- Emails powered by Resend
Reyt good
This first website provides a clear, professional online presence for Michelle's clinical supervision services. The content structure and accessibility ensure that professionals can easily find the information they need and get in touch with confidence. It's been a great first step into the digital world for Michelle's practice.