Index

Royden's desk: zines, type specimens and printed matter laid out on a white shelf under framed posters.

My work lives here;each object opens a piece of it.

Case studies and inklings

  • Tiled pages from the navy and gold Class of 2024 programme: the cover, graduating students, acknowledgements and order of events
  • Figma logo

    FigmaCase study

    Notes that work like a database

  • The red Shazoom mark centred on charcoal, a faint F1 car wireframe behind
  • MeeOpp website sections: The Power Of Evidence-Based Personalised Learning, 10-30% Improvement and 15-45 Min/Week cards
  • Make Them Hear You: a grainy black-and-white portrait of a man in sunglasses layered over speaker hardware, the line set in Nothing's white dot-matrix type

    Nothing: Make Them Hear YouCase study

    A house party series in London, Tokyo and Mumbai

  • An iPhone on a glossy beige surface showing the OB-1 mobile site: Ranked #1 on Terminal Bench, Autopilot for your entire codebase, and a Join Waitlist field

    OB-1 brand identity and websiteCase study

    Identity and website for a terminal coding agent

  • A MacBook on a stool in front of a grey curtain, showing the Fields homepage: Work that Works over a warm film of a drummer

    Fields Framer templateCase study

    A Framer portfolio template for agencies

  • DAUBER Extends Beyond Digital in a gradient headline, flanked by dark iPhone screens
  • The Archer template: Harry Archer's All Works index above a photo grid of a yellow dress, snacks and green bananas, beside an iPhone contact page

    Archer Framer portfolio templateCase study

    A photo-first Framer portfolio template

  • Phia's Acne Studios brand page on an iPhone: a check wool scarf, $290, and 12 working codes

    PhiaCase study

    Product pages scaled from 11K to 400K+

    ~400K organic visitors a month, landing on the pages from Google

  • Four MeeOpp phone screens on black: Making Learning Fun & Effective, the robot mascot, a shape pattern and Personalisation to the MAX
  • Geoff Mau's Adidas Valentines Day project page: film photos of two young men in cream and white Stan Smiths

  • SabotageCase study

    Built from CCT's design: site, store and CMS

    ~3 seconds from Publish to the live site

  • From a post on X: A cyanotype texture: pale botanical shapes washed over Prussian blue
  • From a post on X: Four dark portfolio layouts explored in Framer, grids of work on black and on paper
  • The Current for Phia: the serif title and "New Era of Personalised Editorial" beside two iPhones showing an Alex Cooper and Alix Earle story

    The Current: Phia Design-a-thon winnerCase study

    Winner of Phia's 48-hour Design-a-thon

  • Royden's Playground: a sidebar of coloured folders, a Hey, I'm Royden intro and a canvas of project cards
  • Two square prints in clear sleeves: isometric plans of the Schindler House, one of views in blue cones, one of passages and stairs
  • Four glossy 3D folder icons: blue with the Framer logo, orange, yellow and red, each with a badge
  • An HSBC poster: a baby's hand and knit sleeve under a red HSBC hexagon, "Every great fortune starts somewhere to sit." and Hindi copy
  • Colour blocks of near-black, red, yellow and cream, a red tint row, and gradients below
  • A DAUBER mural on a brick building with Chinese copy and a QR code, beside dark app screens of a Dark Autumn palette
  • The Harry Archer portfolio site on desktop and iPhone: a work list over photos of sky, snacks and green bananas
  • The Explorer 2022-2023 cover spread in black and white: a diamond photo collage and the mission statement on the back
  • Stacked and horizontal Shazoom lockups on off-white clear-space grids

  • JoinerCase study

    A small tool for making photo collages

  • Geoff Mau's Personal page: a seaside diving tower, a burnt-out van at night and a hotel corridor

  • Live TimeCase study

    An iOS event flow, one question at a time

    62 screens every one a state you can reach by walking the prototype

  • Two Adam Studios web pages on black: a white grid of work thumbnails and an About page, You're in Good Hands
  • Three HSBC One Red. Every World. posters on black: Red is in the Skyline over Marina Bay Sands, and a red junk boat on the harbour, with HSBC RED Pantone cards
  • An opened gold Twix wrapper with the two bars numbered 1 and 2, under BOTH YOURS and LIVE THE DOUBLE LIFE on orange

    Twix: Both Yours campaignCase study

    Zero-irony LinkedIn posts about eating both bars

  • Three light-blue Framer folder icons labelled 01 Primary, 02 and 03, each opening wider
  • An isometric exploded line drawing of a flat-pack table: legs, beams, top and rack, with joint details A to D
  • The MeeOpp brand refresh: the magenta wordmark with its eyes, a magenta palette, website sections on evidence-based personalised learning, and student photos

    MeeOpp EdTech brand refreshCase study

    A brand refresh for personalised learning

Everything, by year

  • SabotageFront-end developmentView
  • PhiaProduct & web designView
  • Live TimeProduct design, coded prototypeView
  • JoinerA small tool for making photo collages.View
  • FigmaNotes that work like a database.View
  • The Current: Phia Design-a-thon winnerProduct designView
  • Nothing: Make Them Hear YouBrand strategy & campaign designView
  • OB-1 brand identity and websiteBrand identity & web designView
  • Twix: Both Yours campaignBrand strategy & campaign designView
  • Design-a-thon Workshop LeadTalk, Rice University, annual Design-a-thon
  • Framer: Next Generation of DesignersFeature, Framer BlogView
  • Framer Portfolio Showcase ReelFeature, @designteamofone, InstagramView
  • Best Cantonese Framer FreelancersFeature, ContraView
  • Featured PortfolioFeature, MaxiBestOfView
  • Featured PortfolioFeature, SEE+SAWView
  • Grass has no auto layoutPost, XView
  • More architecture studio than homePost, XView
  • New WIP portfolioPost, XView
  • horizontal scrollPost, XView
  • personal site :)Post, XView
  • Cyanotype texture explorationPost, XView
  • Personal site explorations on FramerPost, XView
  • Night street in motionInklingView
  • Adam Studios website pagesInklingView
  • Campfire faces at nightInklingView
  • HSBC One Red campaign postersInklingView
  • Schindler House isometric diagramsInklingView
  • Live Time RSVP buttonInklingView
  • Blue-blazed trailInklingView
  • HSBC One Red baby posterInklingView