Instilling Hope Counselling Project
Instilling Hope Counselling Project
Long Story Short
Problem
The previous website was outdated, difficult to navigate, and lacked a clear emotional connection to its core mission of trauma-informed care.
Additionally, it did not effectively communicate with or reflect the diverse communities the practice aimed to serve.
Solution
Implemented a thoughtful, equity-centred design by creating an inclusive visual identity, culturally responsive content, and an accessible, mobile-first layout. This approach ensured the site was welcoming, easy to navigate, and reflective of the diverse communities.
Results
Direct site visits up by 24%, showing stronger brand recall
Increase of 20% to 50% of Returning Visitors to the website
Over 60+ inquiries or bookings through the Contact Form on the homepage and Service pages in the first month
Long Story Short
Problem
The previous website was outdated, difficult to navigate, and lacked a clear emotional connection to its core mission of trauma-informed care.
Additionally, it did not effectively communicate with or reflect the diverse communities the practice aimed to serve.
Solution
Implemented a thoughtful, equity-centred design by creating an inclusive visual identity, culturally responsive content, and an accessible, mobile-first layout. This approach ensured the site was welcoming, easy to navigate, and reflective of the diverse communities.
Results
Direct site visits up by 24%, showing stronger brand recall
Increase of 20% to 50% of Returning Visitors to the website
Over 60+ inquiries or bookings through the Contact Form on the homepage and Service pages in the first month
Long Story Short
Problem
Solution
Results
The previous website was outdated, difficult to navigate, and lacked a clear emotional connection to its core mission of trauma-informed care.
Additionally, it did not effectively communicate with or reflect the diverse communities the practice aimed to serve.
Implemented a thoughtful, equity-centred design by creating an inclusive visual identity, culturally responsive content, and an accessible, mobile-first layout. This approach ensured the site was welcoming, easy to navigate, and reflective of the diverse communities.
Direct site visits up by 24%, showing stronger brand recall
Increase of 20% to 50% of Returning Visitors to the website
Over 60+ inquiries or bookings through the Contact Form on the homepage and Service pages in the first month
Role:
User Interface Designer & Researcher
Role:
User Interface Designer & Researcher
Tools:
Adobe XD, Adobe Illustrator, HTML/CSS
Tools:
Adobe XD, Adobe Illustrator, HTML/CSS
Problem Scope
There is currently an issue to be investigated in the way that the Microsoft FastTrack portal is utilized to its full potential regarding a community of practice.
The focus of this project began with addressing how to enable, support and enhance the Microsoft FastTrack portal using AI as a tool.
Branding
Discovery Meeting
Created 1st Iteration of Logo Designs
Client Feedback + Final Logo
Discussed with the client the current situation of their business goals and design needs. Started to concept ideas for logo redesign and new target audiences.
Developed a few logo concepts based on the client’s feedback of incorporating their origins of Instilling Hope and symbolic inferences of their practice.
Finalised the logo through a second iteration based on further feedback from the client.
Website Process
Client Meeting + Information Architecture of the New Website: Discussed needs and wants for the practice and how to develop the site for new and current users.
Created 1st Iteration of Website Wireframes: From the feedback and insights gathered, wireframes were created to reflect the UI changes of the practice as well as additional services provided.
Consolidated QA and stakeholder insights using an online platform
Development phase included translating the Adobe XD file into HTML/CSS: Setting up design components and styling to ensure the output was pixel-perfect and exporting assets properly.
Problem Scope
The main pain points of the previous website included:
Disorganized information architecture made it difficult for users to find key services, therapist info, or take action (e.g., booking, telehealth), leading to high bounce rates and task failure.
The previous design lacked culturally resonant visuals and language, failing to connect with BIPOC and LGBTQ+ users or build emotional trust essential for mental health engagement.
The site was not mobile-first or ADA-compliant, with poor contrast, unresponsive layouts, and inaccessible forms.
Problem Scope
The main pain points of the previous website included:
Disorganized information architecture made it difficult for users to find key services, therapist info, or take action (e.g., booking, telehealth), leading to high bounce rates and task failure.
The previous design lacked culturally resonant visuals and language, failing to connect with BIPOC and LGBTQ+ users or build emotional trust essential for mental health engagement.
The site was not mobile-first or ADA-compliant, with poor contrast, unresponsive layouts, and inaccessible forms.
Branding
Branding
Discovery Meeting
Created 1st Iteration of Logo Designs
Client Feedback + Final Logo
Discussed with the client the current situation of their business goals and design needs. Started to concept ideas for logo redesign and new target audiences.
Developed a few logo concepts based on the client’s feedback of incorporating their origins of Instilling Hope and symbolic inferences of their practice.
Finalised the logo through a second iteration based on further feedback from the client.
Discovery Meeting
Created 1st Iteration of Logo Designs
Client Feedback + Final Logo
Discussed with the client the current situation of their business goals and design needs. Started to concept ideas for logo redesign and new target audiences.
Developed a few logo concepts based on the client’s feedback of incorporating their origins of Instilling Hope and symbolic inferences of their practice.
Finalised the logo through a second iteration based on further feedback from the client.
Website Process
Client Meeting + Information Architecture of the New Website: Discussed needs and wants for the practice and how to develop the site for new and current users.
Created 1st Iteration of Website Wireframes: From the feedback and insights gathered, wireframes were created to reflect the UI changes of the practice as well as additional services provided.
Consolidated QA and stakeholder insights using an online platform
Development phase included translating the Adobe XD file into HTML/CSS: Setting up design components and styling to ensure the output was pixel-perfect and exporting assets properly.
Solution
The final website redesign led to measurable improvements, including a 30% increase in unique visitors, 20–50% more returning visitors, and over 60 inquiries in the first month. The high-fidelity wireframes showcased a clean, user-friendly interface with clear service information, strong calls to action, and consistent visual branding, later translated into a responsive, fully launched WordPress site.
Website Process
Client Meeting + Information Architecture of the New Website: Discussed needs and wants for the practice and how to develop the site for new and current users.
Created 1st Iteration of Website Wireframes: From the feedback and insights gathered, wireframes were created to reflect the UI changes of the practice as well as additional services provided.
Development phase included translating the Adobe XD file into HTML/CSS: Setting up design components and styling to ensure the output was pixel-perfect and exporting assets properly.
Solution
Solution
The final website redesign led to measurable improvements, including a 30% increase in unique visitors, 20–50% more returning visitors, and over 60 inquiries in the first month. The high-fidelity wireframes showcased a clean, user-friendly interface with clear service information, strong calls to action, and consistent visual branding, later translated into a responsive, fully launched WordPress site.
The final website redesign led to measurable improvements, including a 30% increase in unique visitors, 20–50% more returning visitors, and over 60 inquiries in the first month. The high-fidelity wireframes showcased a clean, user-friendly interface with clear service information, strong calls to action, and consistent visual branding, later translated into a responsive, fully launched WordPress site.