Coursework

Penguin Books Website

An online bookshop for Penguin, designed for desktop, tablet and phone.

My role
Research, UX, UI and front-end
Type
Coursework
Year
2026
Tools
Figma · HTML · CSS · JavaScript

Move your cursor over the light, then click it.

Your browser remembers these on every page.

The brief

A live brief from my 3MM Studio module. Design an e-commerce website for Penguin, from research all the way to a coded, responsive page.

What I made

Site map, user journeys, style guide, component library, pages at three sizes, prototype videos and one coded page.

How I got there

same parts at every size

Eight templates, three screen sizes.

I started with how people choose books in a real bookshop, then studied other bookshop websites. I kept the site to eight page templates: home, browse, book page, search, cart, checkout, account and about. Every page is built from one component library, so the tablet and phone versions match the desktop.

Final work

Eight page templates, all built from one component library

The phone, tablet and desktop versions all match

same parts, three sizes

What happened

[Mark or feedback.]

Open to junior designer roles · Cape Town or remote

Let's work together

Send me a message on WhatsApp or email. I usually reply the same day.