Hudl redesign

Hudl sought to create an advanced website with a customisable CMS system, surpassing their current setup. Their goal was to engage Asian and Eastern European markets, competing effectively against established rivals in those regions.

Before designs were started, user stories were gathered through workshops with key stakeholders from HUDL. These user stories were then used to begin creating wireframes, and then later to identify core reusable components that would build the foundations of the site.

From a atomic level, pages were built to form dynamic templates. These templates were designed to be flexible, allowing them to be deployed worldwide in various languages while maintaining Hudl's sophisticated and striking aesthetic.

After receiving approval from the client, we proceeded to develop a set of templates that could be replicated throughout the site. Thanks to our atomic approach, components within the templates could be easily interchanged if necessary.

The main obstacle we faced was achieving consistent replication of the notches across all sections. This was crucial to enable the client to easily reproduce the pattern within the CMS. Although it wasn't the simplest approach, we provided the client with a guide on utilising the notches to create a cohesive look and feel throughout the entire website, ensuring a consistent visual experience.

The main obstacle we faced was achieving consistent replication of the notches across all sections. This was crucial to enable the client to easily reproduce the pattern within the CMS. Although it wasn't the simplest approach, we provided the client with a guide on utilising the notches to create a cohesive look and feel throughout the entire website, ensuring a consistent visual experience.

Overall the client was happy with the site. However, on reflection there were two parts of this project which I believe could've been improved:

• The client requested both interactive and standard components. However, it would have been helpful to manage expectations better by focusing on building the foundational elements of the site first before tackling the more complex interactions. This approach would have alleviated delays and the challenges faced by the engineers working with the new platform (Netlify).
• More time should have been dedicated to finding an alternative solution for the notches. Depending on a guide for implementation increases the likelihood of confusion and human error.
• Depending on the client to supply high-quality product UI images proved challenging. Unfortunately, their selection was limited, resulting in the website lacking the desired cutting-edge aesthetic.