TRIBE DIGITAL AGENCY
Eleat
Eleat is a challenger cereal brand whose reinvented cereal with no compromise on taste, heath or convenience. The challenge was to support the design to rebrand the Eleat website, building upon its existing Shopify foundation, enhancing its vibrant and progressive brand identity with new design components. The site can be seen here.
Page focus
HOMEPAGE
The most vital page when entering a site is the homepage. We designed this to be bold and in your face to suit the challenger brand’s aestheitc. adhering to best practise for our developers to set about building upon already solid foundations.
To add depth and energy in to the site, we incorporated the GSAP animation library. This enhanced the visual experience with smooth, dynamic animations, making interactions more lively and appealing. These subtle animations contribute to a more immersive user experience, aligning with Eleat's innovative and vibrant brand identity.
The challenge
DESIGN
The design process began with the brand guidelines created by BuxtonThreeTwo. We translated these guidelines into a cohesive digital design system, ensuring consistency and clarity across all elements.
Using Figma, we crafted each page, incorporating bold colours, bright gradients, and clean typography. This thorough design phase paved the way for smooth development, ensuring an impactful and user-friendly experience that effectively showcases Eleat's evolution as a company within the cereal market.
Page focus
Product collections redesign
Incorporating product cards into the designs cleaned up the page, having more constancy across all the products. Fun hover states in purple and blue make it more interactive, and dividing sections made the ranges easier to shop.
