Seasonal grocery and provisions / Website design
See the selection.
See the selection.
Plan the week.
We structured the grocery collection around box contents and household context.
The product detail helps a shopper understand the proposed selection before preparing a collection request.
Explore the work ↓- PROJECT TYPE
- Website design & front-end development
- DOMAIN
- Seasonal grocery and provisions
- DESIGN FOCUS
- Helping shoppers plan a seasonal grocery collection
01 / THE DESIGN DECISION
A seasonal box needs room for substitutions.
We kept substitution wording visible because the seasonal offer can change. The planner records preferences without presenting them as a fulfilled order. Strong green typography and warm paper give the practical shopping information the same character as the opening page.
02 / THE BUILD
The pages we designed.
The build brings home, this week’s shelves, the seasonal box, make a shopping list and plan a collection into one website.
This week’s shelves
View the screen ↓The seasonal box
View the screen ↓Make a shopping list
View the screen ↓Plan a collection
View the screen ↓03 / PROJECT NOTES
Project scope.
We designed and built 9 pages for this self-initiated project, including the layouts, responsive behaviour and front-end interactions. The interface uses sample business records.
The shortlist and planning notes stay within the browser session. Enquiries produce a local preview; no request, payment or booking is sent.
The gallery shows our rendered pages with identifying details masked.
06 / ON SCREENA closer look.
A closer look.
Page by page.
Start with the home page, then explore the details. These are screenshots of the original website, with names, contact details and identifying information blurred for privacy.
5 views Select any view to explore
Have a similar project?
Let’s discuss the work.
Tell us what your customers or team need to do. We can help define the pages, records and interactions around that task.