UX / UI Design
Bespoke software

The Hearing Care Partnership Responsive Website Case Study

Creating a sustainable, flexible and manageable website platform using our bespoke system, we've empowered the THCP team to continue their extraordinary level of exponential growth since their launch in 2017.

The Hearing Care Partnership lifestyle image of a woman having fun at a family barbeque

The Hearing Care Partnership photograph of a family laughing in the garden

The Hearing Care Partnership website on a tablet device

What we did

Working with The Hearing Care Partnership (THCP) we created a seamless user journey for their primary target audience, who are looking to find out key information about their hearing health, the services on offer and those looking to book an appointment at their nearest branch. Secondary to this, the new website needed to appeal to potential business partners who would like to join their network of long-established independent optical businesses who are “already enjoying the benefits of having a market-leading audiology service operate alongside their optometry services”.

Creating a meaningful and relevant user experience

Offering exceptional customer service in person, we wanted the new site to mirror the level of care THCP take when interacting with their customers and partners, and to transfer this to their online experience. Using our bespoke Laravel CMS we were able to give the THCP team the desired flexibility for managing their online content.

Making it accessible

Websites without barriers. Our best practice ensures that all website users have equal access to information and functionality.

Maximising bookings

Our multi-step form reduces ‘psychological friction’, a term used to describe user behaviour caused by elements that interrupt, halt or slow down progress through a desired / required series of actions. Reducing ‘friction’ means users are more likely to succesfully convert.

The Hearing Care Partnership image of three friends laughing in the garden

Our Nova platform

Nova is a single-page application built on the Vue.js ecosystem and Tailwind. Our user experience strategy is not only applied to front-end website users, but for our clients, whom we empower with a flexible, clean and clear management system that is a joy to work with on a daily basis.

Built to last

We build sustainable systems so that we can confidently ensure the digital durability of our clients digital product for the long term.

The Hearing Care Partnership's website was built using Nova, the official Content Management System from Laravel, and the internal Dewsign CMS package system. This enabled us to quickly build a robust content editable website which, by using known technical design patterns, is easy to support and continue developement for the life of the website.

/**
 * Get the fields displayed by the resource.
 *
 * @param  \Illuminate\Http\Request  $request
 * @return array
 */
public function fields(Request $request)
{
    return [
        ID::make()->sortable(),
        Boolean::make('Active')->sortable()->rules('required', 'boolean'),
        TextWithSlug::make('Name')->slug('Slug')->sortable()->rules('required', 'max:255'),
        Slug::make('Slug')->sortable()->rules('required', 'alpha_dash', 'max:255'),
        CloudinaryImage::make('Image'),
        CloudinaryImage::make('Company Logo'),
        Markdown::make('Description'),
        Text::make('Email')->hideFromIndex()->rules('nullable', 'email', 'max:255'),
        Text::make('Telephone')->hideFromIndex()->rules('nullable', 'max:255'),
        Text::make('Website')->hideFromIndex()->rules('nullable', 'url'),
...