Mouse

A computer mouse designed as a physical embodiment of personal identity — translating ten character attributes into form, colour, material and finish.

Ten words about myself, one CMF board, two foam prototypes and a hand-painted jelutong model. The result is the WiggleLeaf.

Project Type

University Project — Central Saint Martins, UAL

The finished WiggleLeaf mouse in red and cream, shown from two angles

— Project Info

RoleProduct Designer
Duration1 Month
ToolsPencil & marker, band saw, disc & belt sander, Dremel, file & glasspaper, spray paint
SkillsSketching · Orthographic Drawings · Ergonomic Testing · Prototyping

Challenge

Create a visual representation of my own personal characteristics in the form of a computer mouse. The brief gave no styling direction — ten intangible words had to become an object that still worked under a hand.

Solution

WiggleLeaf translates those attributes into an organic, leaf-derived form: vein-like grooves for grip, an undercut resting the pinky and ring finger, and a circus-red sunburst with hand-drawn doodles. Two foam prototypes fixed the ergonomics before the final jelutong model.

Section 1 · The Brief
Brief slide listing the ten personal attributes alongside the project contents

The brief, and the ten words I chose to design from. Every decision after this page had to trace back to one of them.

Section 2 · CMF Board
CMF board collaging plants, fungi, bone, honeycomb, food and a circus poster, with a seven-swatch colour palette

A CMF board built attribute by attribute: greens and plant matter for sustainability, scattered food for being permanently hungry, bone for genuineness, and a circus poster for the silly, slightly chaotic side. It looks messy, but every object is placed by colour and texture — methodical underneath.

Section 3 · CMF Development Sketches
Sketches drawn directly over the CMF board imagery, next to a wall of small mouse concept thumbnails

Rather than sketch away from the board, I drew straight over it — tracing the flow of a leaf, the spikes of a cactus, the tessellation of a turtle shell and the ribbed underside of a mushroom, then pushing each one into a mouse-sized form.

Section 4 · Concept Sketches
Four developed concept directions: scallop shell, leaf, honeycomb and bone

Four directions developed further — a scallop shell arched to the curve of the hand, a honeycomb modular pad, a gesture-controlled bone form, and the leaf. I took the leaf forward for its flow, but carried details across from the others.

Section 5 · Orthographic Drawing
Hand-drawn orthographic drawing of the leaf mouse in plan, front and side view

The chosen concept drawn up in plan, front and side, with the horizontal and vertical lines married across views so the shape could be transferred onto a foam block accurately.

Section 6 · Prototype 1
Process photos of the first foam prototype being traced, band-sawn and filed, with four views of the finished block

The orthographic traced onto foam and cut vertically and horizontally on the band saw. Cutting one face kept removing the drawing on the other, so I re-drew the missing lines and taped larger offcuts back on before refining with a file and glasspaper.

Section 7 · Testing & Development — Prototype 1
Hand-testing photos of prototype one with annotated findings and responsive development sketches

Testing in the hand found three problems: the thumb and pinky dragged along the table, the tail supported the palm but not the wrist, and the button read as a bolted-on addition. I crumpled paper into a ball to find where my thumb naturally sits, then sketched in finger rests, a longer body and a sleeker integrated button.

Section 8 · Testing & Development — Prototype 2
Prototype two photographed from four angles beside early finish studies in orange and black doodle patterns

Prototype two was more ergonomic and the scroll wheel finally felt part of the body — but the silhouette was still too literally leaf-shaped, and the pinky was still catching. I also started testing finishes here, against the fungi and circus imagery from the board.

Section 9 · Final Design Iteration
Refined organic form drawings with an undercut, beside eight red finish studies

The form loosened into something more organic and less literal, with an undercut that gives the pinky and ring finger a place to sit. Eight finish studies in red narrowed the surface graphic down to a sunburst plus doodles.

Section 10 · Final Design
Annotated final design rendering showing the sunburst top, thumb rest, doodled side and finger rests

The resolved design: bright circus colour across the top, a doodled thumb rest and grip, the pinky and ring-finger rest cut into the side, and an outline kept deliberately organic.

Section 11 · Final Model Realisation
Fourteen process photos of the jelutong model being sketched, sawn, sanded, masked and spray-painted red

Same process as the prototypes, but in jelutong: sketched on, band-sawn to the rough shape, then refined with Dremel, disc and belt sanders before a file and glasspaper brought the surface to a flowing finish. Masking tape laid out the sunburst, and the mouse was sprayed in the iconic red.

Section 12 · Final Model
The finished WiggleLeaf model shown in hero view plus top, side, underside and rear views

The finished WiggleLeaf — sunburst on the top surface, hand-drawn doodles running down the thumb side and around the base, and the grooved vein running the length of the body as the grip.

Other projects

Lectra — UX design, service design and accessibility Excito — product design Ventra — craft, product design and UX design
Coming soon UX/UI — tackling isolation