Big Sack.

A service website with more than one job: explain the offer, help customers arrange a collection and give businesses an overview of their activity.

One brand.
Three connected experiences.

Introduce the servicePrivate & professional audiences

Configure the collectionBag selection & quote summary

Monitor the activityCustomer dashboard & reporting

Explore all 10 views

Our scope: Website & product UX/UI
Desktop & mobile layouts
The experience: Product discovery · collection quotes
B2B content · customer reporting
Project contact: Tung Chan

01 / CORPORATE WEBSITE UX/UI

Different audiences.
A recognisable service.

The public website separates private customers from professional users. Both journeys keep the same black-and-yellow identity, while their opening messages and content answer different needs.

The business pages introduce company use cases through image-led industry cards. Product photography, clear actions and service information connect that introduction to the practical task of arranging a collection.

Professional customers — a business-focused introduction in the same visual system — Professional website — a dedicated introduction for business customers

Industry discovery — construction, gardening and moving-company use cases — Industry navigation — construction, gardening and moving services

02 / COMMERCE & BOOKING DESIGN

Choose the bag.
Understand the quote.

The collection interface pairs three bag sizes with a running summary. Quantity, fee and total stay beside the choice. The product-detail page serves a separate shopping task, bringing photography, capacity information and purchase controls into a focused view.

Collection quote — three bag sizes and a visible selection summary — Collection quote — bag sizes, quantity and a visible running total

Product detail — the bag, essential information and purchasing controls

03 / CUSTOMER-PORTAL UX/UI

From a collection
to an overview.

The customer dashboard changes the information hierarchy. Waste categories and recycling-rate rings provide a first overview; time-based charts organise collection weight, bag counts and a carbon-savings indicator.

A persistent navigation column separates the overview from pickup, bag-order, invoice and report areas. Yellow highlights connect the reporting workspace back to the public website without making the data compete with the brand.

Customer dashboard — waste categories, collection activity and reporting charts

EXPLORE THE DESIGN

The service, the shop and the workspace.

Ten distinct views across the public website, business pages, product selection, collection quote, customer dashboard and mobile layouts. Open any view for a closer look.

Private customers — service photography, a clear offer and two primary actions

01 / 10