Bryce Willem: Creative Director Portfolio in Framer, With Motion

Bryce Willem, Creative Director's Portfolio in Framer

Bryce Willem is a creative director based in London, working at the intersections of design and storytelling. He builds brand systems for emerging-tech and mission-led organisations, and his work runs from Decentriq and Exonym to Cutwork, Spectra+, Unfold and XYZ design co.

Bryce designed the site himself. My part was to build it in Framer and bring it to life with motion, keeping every detail of his design intact on desktop and on phones.

His design system, carried through. One vermilion, a soft cream and an italic voice carry the brand from the very first screen: TT Commons Classic for titles and text, Times Now italic for the accent words, with hand-drawn sparkles and rays over them.

A four-column grid. The desktop page sits on a 1440 px grid of four 360 px columns, which holds the hero, the case studies and the career numbers in line.

Motion that stays out of the way. The motion follows his design and runs on one soft ease across the site, so the page reads as senior and calm, not busy.

Built for phones too. The main page has its own phone layout, with the hero, the case studies and the career numbers rearranged for a single column.

Bryce's own design, built in Framer with motion, on desktop and phones

His case studies, from Decentriq to XYZ design co., on one page

He landed a new role a couple of months after launch

His review: "Fantastic motion design, responsive communication, and a final result I'm truly happy with. Would gladly work together again." (Bryce Willem, Creative Director, Sona)