We explored how we can push the brand even further for their website. We defined the accessible digital colour pallet, icons and illustrations, creating brand consistency and impact.
A persona workshop with Gooey was important at the start. We worked together to define who their users are, their goals, barriers and most importantly, key tasks on the site. Knowing key user tasks ensures the design is optimised toward making these as easy as possible.
Wireframing involves planning out the structure of the site without focusing too much on layout and visual design. This allows you to quickly refine the pages, content and navigation early on. Getting the UX foundations right early on is key to any successful site.
Most websites have a white background. However, to make their exciting brand stand out from the crowd, we opted for the blue background. The coloured background allowed us to use multilayers, creating depth, hierarchy and also visual impact. The layers included a CSS gooey blob that animates, Gooey illustrations and white containers for long-form content.
Gooey has 5 core services, so to make each one stand out, we assigned each one colour and shape, helping them are easily distinguished. This translated over to the case studies, so users can understand which service was used. Gooey’s sub-services were unique so we designed custom icons for them to help convey their offerings.
Since launch, we’ve worked with Gooey, to improve areas of the site. This included evolving the blog with more engaging components and brought through more imagery to make pages more engaging. We’ve also been working with Gooey as an SEO partner, bringing their expertise into our projects.