Website Redesign

cohealth, a not-for-profit community health service in Melbourne’s inner north and west, undertook a human-centred design (HCD) process to support their website redesign.

Mobile phone screen showing Cohealth landing page

Website Redesign

cohealth, a not-for-profit community health service in Melbourne’s inner north and west, undertook a human-centred design (HCD) process to support their website redesign.

Website Redesign

cohealth, a not-for-profit community health service in Melbourne’s inner north and west, undertook a human-centred design (HCD) process to support their website redesign.

Screenshot of Cohealth home page

Background

Nomat partnered with a community health organisation named co-health to help redesign their website. The aim of the redesign was to improve the overall user experience of the website. Nomat started with user research and information architecture (IA) research, before then completing interaction design via wireframes. cohealth’s brand was then applied to finalise the design work. Furthermore, a design system was created to ensure efficiency during the build stage and to support cohealth with the ongoing management of the website.

The designs were prototyped and usability tested with cohealth clients to ensure that key tasks on the website were easy to complete. Finally, the website content was also refreshed to ensure readability using plain language and utilising writing for the web techniques.

Screenshot of Cohealth home page

Background

Nomat partnered with a community health organisation named co-health to help redesign their website. The aim of the redesign was to improve the overall user experience of the website. Nomat started with user research and information architecture (IA) research, before then completing interaction design via wireframes. cohealth’s brand was then applied to finalise the design work. Furthermore, a design system was created to ensure efficiency during the build stage and to support cohealth with the ongoing management of the website.

The designs were prototyped and usability tested with cohealth clients to ensure that key tasks on the website were easy to complete. Finally, the website content was also refreshed to ensure readability using plain language and utilising writing for the web techniques.

Screenshot of Cohealth home page

Background

Nomat partnered with a community health organisation named co-health to help redesign their website. The aim of the redesign was to improve the overall user experience of the website. Nomat started with user research and information architecture (IA) research, before then completing interaction design via wireframes. cohealth’s brand was then applied to finalise the design work. Furthermore, a design system was created to ensure efficiency during the build stage and to support cohealth with the ongoing management of the website.

The designs were prototyped and usability tested with cohealth clients to ensure that key tasks on the website were easy to complete. Finally, the website content was also refreshed to ensure readability using plain language and utilising writing for the web techniques.

What we did

The project was conducted by following a HCD process. This involved engaging with internal stakeholders to explore business needs and research objectives. To better understand users' needs from the website, a number of research and design activities were undertaken.

What we did

The project was conducted by following a HCD process. This involved engaging with internal stakeholders to explore business needs and research objectives. To better understand users' needs from the website, a number of research and design activities were undertaken.

What we did

The project was conducted by following a HCD process. This involved engaging with internal stakeholders to explore business needs and research objectives. To better understand users' needs from the website, a number of research and design activities were undertaken.

Research with clients and communities

Nomat undertook interviews with current cohealth clients and potential clients to better understand their needs from the website. We facilitated the sessions in a respectful and safe environment by taking into account each person’s unique lived experience. This included considering gender diversity, English as a second language, mental health issues, physical disability, chronic health conditions, housing insecurity and Aboriginal and Torres Strait Islander community lived experiences.

Empathy, engagement, active listening, confidentiality and pathways for follow-up support underpinned the approach for the research.

Research with clients and communities

Nomat undertook interviews with current cohealth clients and potential clients to better understand their needs from the website. We facilitated the sessions in a respectful and safe environment by taking into account each person’s unique lived experience. This included considering gender diversity, English as a second language, mental health issues, physical disability, chronic health conditions, housing insecurity and Aboriginal and Torres Strait Islander community lived experiences.

Empathy, engagement, active listening, confidentiality and pathways for follow-up support underpinned the approach for the research.

Research with clients and communities

Nomat undertook interviews with current cohealth clients and potential clients to better understand their needs from the website. We facilitated the sessions in a respectful and safe environment by taking into account each person’s unique lived experience. This included considering gender diversity, English as a second language, mental health issues, physical disability, chronic health conditions, housing insecurity and Aboriginal and Torres Strait Islander community lived experiences.

Empathy, engagement, active listening, confidentiality and pathways for follow-up support underpinned the approach for the research.

New information architecture (IA) and content refresh

To support the creation of a new IA for the website, we undertook a content gap analysis and an online card sort. Card sorting helped inform the design of a user-centred information architecture which ultimately enhanced the findability and discoverability of website content. This provided insight into users’ mental model of content and their grouping and labelling of content.

The proposed sitemap was tested with cohealth clients via an online tree test.

The website content was refreshed to ensure plain language was being used, in order to increase comprehension. Writing for the web techniques were also utilised to ensure readability.

Design and accessibility

Nomat designed key pages of the cohealth website for desktop, tablet and mobile. These were created initially as individual static wireframes before the visual design was applied. Following this, an interactive prototype was created.

All interface designs (interaction and visual design) were created with an understanding of the W3C WAI accessibility standards. This included (but was not limited to) requirements such as minimum contrast levels for text colours to ensure readability, minimum target sizes for touch devices, and the use of screen readers such as VoiceOver for iOS to confirm that the sequence and hierarchy of information is coherent for all types of users.

New information architecture (IA) and content refresh

To support the creation of a new IA for the website, we undertook a content gap analysis and an online card sort. Card sorting helped inform the design of a user-centred information architecture which ultimately enhanced the findability and discoverability of website content. This provided insight into users’ mental model of content and their grouping and labelling of content.

The proposed sitemap was tested with cohealth clients via an online tree test.

The website content was refreshed to ensure plain language was being used, in order to increase comprehension. Writing for the web techniques were also utilised to ensure readability.

Design and accessibility

Nomat designed key pages of the cohealth website for desktop, tablet and mobile. These were created initially as individual static wireframes before the visual design was applied. Following this, an interactive prototype was created.

All interface designs (interaction and visual design) were created with an understanding of the W3C WAI accessibility standards. This included (but was not limited to) requirements such as minimum contrast levels for text colours to ensure readability, minimum target sizes for touch devices, and the use of screen readers such as VoiceOver for iOS to confirm that the sequence and hierarchy of information is coherent for all types of users.

New information architecture (IA) and content refresh

To support the creation of a new IA for the website, we undertook a content gap analysis and an online card sort. Card sorting helped inform the design of a user-centred information architecture which ultimately enhanced the findability and discoverability of website content. This provided insight into users’ mental model of content and their grouping and labelling of content.

The proposed sitemap was tested with cohealth clients via an online tree test.

The website content was refreshed to ensure plain language was being used, in order to increase comprehension. Writing for the web techniques were also utilised to ensure readability.

Design and accessibility

Nomat designed key pages of the cohealth website for desktop, tablet and mobile. These were created initially as individual static wireframes before the visual design was applied. Following this, an interactive prototype was created.

All interface designs (interaction and visual design) were created with an understanding of the W3C WAI accessibility standards. This included (but was not limited to) requirements such as minimum contrast levels for text colours to ensure readability, minimum target sizes for touch devices, and the use of screen readers such as VoiceOver for iOS to confirm that the sequence and hierarchy of information is coherent for all types of users.

Screenshot of color palette for cohealth website

Services provided by Nomat

  • Kick-off discovery workshop

  • Content gap analysis

  • User interviews

  • Online card sorting

  • Content matrix and site map

  • Online tree testing

  • Online booking form analysis and technology options

  • Content development: SEO and UX copywriting

  • Online tree testing 

  • Interaction design

  • Usability testing

  • Visual design 

Screenshot of color palette for cohealth website

Services provided by Nomat

  • Kick-off discovery workshop

  • Content gap analysis

  • User interviews

  • Online card sorting

  • Content matrix and site map

  • Online tree testing

  • Online booking form analysis and technology options

  • Content development: SEO and UX copywriting

  • Online tree testing 

  • Interaction design

  • Usability testing

  • Visual design 

Screenshot of color palette for cohealth website

Services provided by Nomat

  • Kick-off discovery workshop

  • Content gap analysis

  • User interviews

  • Online card sorting

  • Content matrix and site map

  • Online tree testing

  • Online booking form analysis and technology options

  • Content development: SEO and UX copywriting

  • Online tree testing 

  • Interaction design

  • Usability testing

  • Visual design 

Validating website designs

To measure the effectiveness of the proposed site navigation structures, content and interactive elements, Nomat created an interactive prototype to test with participants.

Overall, the tasks were able to be completed successfully by the participants. Participants were observed successfully completing core tasks such as finding a service, finding a location, booking an appointment and finding out costs. Participants were also observed navigating around the prototype utilising the menu, and also scrolling the homepage interacting with links to locate information.

Refinements to the design were implemented following the activity.

Screenshot of accessbility combination documentation from Cohealth design system

Validating website designs

To measure the effectiveness of the proposed site navigation structures, content and interactive elements, Nomat created an interactive prototype to test with participants.

Overall, the tasks were able to be completed successfully by the participants. Participants were observed successfully completing core tasks such as finding a service, finding a location, booking an appointment and finding out costs. Participants were also observed navigating around the prototype utilising the menu, and also scrolling the homepage interacting with links to locate information.

Refinements to the design were implemented following the activity.

Screenshot of accessbility combination documentation from Cohealth design system

Validating website designs

To measure the effectiveness of the proposed site navigation structures, content and interactive elements, Nomat created an interactive prototype to test with participants.

Overall, the tasks were able to be completed successfully by the participants. Participants were observed successfully completing core tasks such as finding a service, finding a location, booking an appointment and finding out costs. Participants were also observed navigating around the prototype utilising the menu, and also scrolling the homepage interacting with links to locate information.

Refinements to the design were implemented following the activity.

Screenshot of accessbility combination documentation from Cohealth design system

Outcome

Nomat delivered research findings, validated design and refreshed content to support the cohealth website redesign. The collaborative human centred design process achieved the objectives of the project, which was to provide cohealth clients with a website which provides easy access to health and support content, improved functionality and a friendly and welcoming website for all communities. 

Mobile phone screen showing Cohealth landing page

Outcome

Nomat delivered research findings, validated design and refreshed content to support the cohealth website redesign. The collaborative human centred design process achieved the objectives of the project, which was to provide cohealth clients with a website which provides easy access to health and support content, improved functionality and a friendly and welcoming website for all communities. 

Mobile phone screen showing Cohealth landing page

Outcome

Nomat delivered research findings, validated design and refreshed content to support the cohealth website redesign. The collaborative human centred design process achieved the objectives of the project, which was to provide cohealth clients with a website which provides easy access to health and support content, improved functionality and a friendly and welcoming website for all communities. 

Mobile phone screen showing Cohealth landing page

Interested to know more? Let’s Talk.

Interested to know more? Let’s Talk.

Interested to know more?
Let’s Talk.