Hero Component.

Designing the new homepage hero component for Nationwide.

decorative

The Challenge.

I was tasked with creating a new hero component as part of an effort to inject more brand distinctiveness to the homepage of the Nationwide website.

To do this, l dialled up simple UI elements and enriched the UI with more brand styling. The new design uses the same colour palette as the Nationwide logo as well as adopting the logo’s familiar pill container.

By containing the content from both sides I was able to free up space for the image to bleed horizontally across the page. In addition, extending the container size increased the area for inserting content which solved a common content problem which had been consistently raised internally.

The component is designed to work with the homepage layout at each viewport, without compromising on its real estate at the top. The individual component has the optional add-ons of multiple buttons and additional logos.

Throughout the entirety of the design process, I engaged with the website, brand and design system teams. I did this to ensure the final design of the component was one that incorporated their feedback and was immediately usable for every team.


More From The Archive.