Hot Pockets

I co-led a refresh to the Hot Pockets website. I followed the new brand guidelines and applied the refreshed look throughout all pages of the site. The main target audience for Hot Pockets is in the tween to teenager age range so it was important for the site to reflect the vibrant, electric, bold, youthful, energy.

The client wanted the site to feel less modular. To create more flow in the site design, I applied a gradient background to most of the components. This creates the effect that everything is connected as one long unit, while still using the “modular” components that are required from the Nestle web library. I also spread the fun brand illustrations throughout the site imagery which bring playfulness to the content. Copy is kept short and conversational to match the brand and its young audience.

My role in this project was to create a Figma library with the new brand styles and apply the new look across all pages on the site. This included product listing pages, product detail pages, Where to Buy page, FAQs page, How to Cook page, subscribe registration, 404 error page and more. I designed each page to be functional and engaging on both large screen and mobile devices. I created interactive prototypes and presented the designs to the client.