Web / UI Design / E-Commerce

An e-commerce platform offering everyday value, in as fast as 15 minutes 

MLG_GoPuff_Header

GoPuff

Groceries, Alcohol, Home Essentials & more. Ordered to your door - or wherever you are - in minutes! Whether you need Tylenol, that one ingredient you didn’t realise you were missing until halfway through cooking dinner, your visiting friend’s favourite beer, or one of the other 4,000 products they stock across hundreds of locations, Gopuff will get it to you within minutes, all at the press of a button.

GoPuff’s rebrand signaled a shift from scrappy disruptor to a more confident, culture-driven lifestyle brand.

At 8Inc, I worked as part of a tight-knit team responsible for translating that brand evolution into the digital experience. I led the effort in evolving the brand’s digital UI framework, shaping how its new voice and tone would manifest on their web platform for desktop and mobile.

MLG_GoPuff_TimeIsNow_2

Brand implimentation

From Bold to Functional

One of the core challenges was maintaining GoPuff’s new irreverent tone and bold visuals, while designing scalable systems for a fast-moving e-commerce platform. 

Detail

E-Commerce Experience Design

We refined the product discovery experience across mobile and desktop to balance speed and personality. Through considered hierarchy, intuitive filtering, and subtle motion, we created an experience that felt frictionless but unmistakably GoPuff. Every touchpoint, from product cards to checkout confirmation, was an opportunity to reinforce brand voice.

Building a scalable UI system

Working closely with engineering, we created a modular UI kit built for flexibility and rapid scaling.

MLG_GoPuff_UISystem

Project involvement

My role involved taking the new brand guidelines and applying them to the existing website, updating and improving the UI. Ultimately creating components that could be used across the entire ecosystem.

Responsibilities

- Agency side (Eight Inc)

- Interface and Interaction design

- Weekly sprints
- Client presentations

- Prototype using Figma

- Design system delivery

Team & Timeframe

- 1 X Project Manager
- 1 X Creative Director
- 3 X Interaction Designers
- 2 months
- Branding by Eight Inc.

GoPuff_Footer

Contact

For all enquiries:
Email: marklukegrant@gmail.com

© MLG Creative LTD 2022