Victoria Roberts — Portfolio '26

I design products people love

UX/UI & product designer in Dunedin, New Zealand — ten years turning ambiguous, high-stakes problems into interfaces that ship, for clients like Twitch, PaperCut and Te Tautiaki Hoiho. A decade in technical support taught me to hunt real pain points; front-end development taught me to build the fix.

Selected work

01 — 05 / case studies

01

PaperCut Partner Portal

PAPERCUT · CLOUDCANNON · SOLE DESIGNER · 2024—NOW

My largest project — PaperCut's global partner portal, designed solo from the ground up. I ran the research, aligned stakeholders, set the roadmap, and designed the collateral library, order forms, and sales databases at its core. I built the portal's design system on PaperCut's own product foundations, so it stayed true to their wider brand.

With the new Portal, our teams are empowered to make the changes we need. It's a game-changer, and it feels like a breath of fresh air.

Lisa Cole Miller, Global Channel Activation Team Lead, PaperCut
  • Research → roadmap → launch
  • Design system on their foundations
  • Cross-department stakeholders
+21%
Monthly portal visits
25+
Editors publishing
5
Teams self-serving
PaperCut Partner Portal homepage
The portal assembled from editable components
Role-based content variations in the portal

02

Jetstream — flagship template

CLOUDCANNON · UX + UI + DESIGN SYSTEM · 2026

CloudCannon's first complete template on the Astro Component Starter. I owned it end-to-end and handed clean tokens to engineering in under three weeks. It's now the template new users start with — the clearest showcase of the product's visual editor. My work went beyond the front-end: I made sure the CMS editing experience was just as considered — intuitive content controls, clear field descriptions, and inputs that follow the best UX CloudCannon can offer.

260+
Leads generated
13
New customers
2wk
To handoff
cloudcannon.com/templates/jetstream
Jetstream template — dark mode
Jetstream template — light mode
CMS editor annotations on the Jetstream template
Jetstream feature cards

03

Documentation site redesign

CLOUDCANNON · DESIGN SYSTEM + UI · DARK MODE

A ground-up redesign of the CloudCannon documentation. I built a dedicated design system for docs — type scale, components, and navigation patterns — working closely with stakeholders across content and engineering to get it right. I also designed and shipped a full dark mode, so the docs are comfortable to read in any environment.

  • Docs design system
  • Light + dark mode
  • Stakeholder collaboration
cloudcannon.com/documentation
CloudCannon documentation — dark mode
CloudCannon documentation — light mode
The documentation in dark mode
The documentation component system

04

TwitchCon

TWITCH · CLOUDCANNON · UX LEAD · 2025

Twitch came to us for basic wireframes; I grew it into a full UX engagement. I designed the flow from hero to ticket purchase, a filterable mobile schedule for on-site attendees, and a reusable component system editors update without a developer — accessibility led throughout.

What impressed me most was how Vic navigated our complex stakeholder group of 10-12 people.

Cayvon Morady, Senior Technical Program Manager, Twitch
  • Scope grown from brief
  • 10–12 stakeholders
  • Accessibility-led
The TwitchCon website
Wireframe alongside the finished design
Accessibility considered from the wireframe stage

05

Te Tautiaki Hoiho

YELLOW-EYED PENGUIN TRUST · LEAD DESIGNER · 2025

Design and visual direction for a conservation trust's rebuild, shifting the brand from penguin blue-and-yellow to greens and earth tones. Designed with development running in parallel to hit a primetime TV deadline — and built for the editing experience as much as the visitor's, so the trust's own staff could publish without a developer.

Having a platform where we can update and manage the website ourselves, without needing to go through an agency for every change, has been a big part of that independence.

Anna Campbell, General Manager, Te Tautiaki Hoiho
  • Lead designer
  • Under a month, design to launch
  • Editor-first components
Yellow-eyed Penguin Trust homepage
The How to help section
Editing the site in CloudCannon
The doodle library — illustrated marks in the CloudCannon brand palette
The doodle library — line art built to be recombined and recoloured to the brand palette.
Rule of thirds demonstrated over a photograph
Design 101 — I taught composition, not just assets: rule of thirds, golden ratio, leading lines.
An accessibility blog asset built from the kit
Built from the kit — an icon, a background, the palette. Assembled by a writer, not a designer.
The same asset in place on the CloudCannon blog card
Live on the blog — framing specs mean it survives the card crop. Post by David Large.
Design enablement

The asset box — teaching a marketing team to design

CloudCannon's writers needed blog and campaign imagery, but had no designer on call. Rather than take the requests, I built them a kit: a library of doodles, icons and backgrounds in the approved palette, with framing specs so artwork survives the crop on a blog card, and getting-started guides for assembling something new. Then I taught them the reasoning behind it — a Design 101 section covering composition, the rule of thirds, the golden ratio, leading lines — and ran Figma training so the team could work in the file confidently. The point wasn't to hand over assets; it was to make non-designers independent, on brand, without me in the loop.

  • Doodles, icons & backgrounds
  • Framing specs
  • Getting-started guides
  • Design 101
  • Figma training

As a colourblind non-designer who has to create assets, having such a range to choose from and adapt (and with a preset colour palette) has been a huge timesaver. They let me stick to our approved brand style while injecting a little personality into each image I create.

David Large
Content Specialist, CloudCannon
Victoria Roberts
  • Design systems
  • UX research
  • Interaction design
  • Prototyping
  • Accessibility
  • Design → dev handoff
About

A planner at heart, endlessly curious by habit.

Before design, I spent years on the other end of the phone — front line, then Subject Matter Expert, Manager, Senior Manager, running support and provisioning teams. You learn things there you can't learn from a research deck: that people rarely describe the actual problem, that they blame themselves for bad interfaces, and that most frustration is a design decision someone made months earlier without thinking about it. That's what pulled me upstream, and eventually into design.

The through line is that I design for whoever has to live with the thing afterwards. On PaperCut's partner portal that meant 25+ editors across five teams publishing without a developer; on TwitchCon, a component system Twitch could change the week of the event; for Te Tautiaki Hoiho, a small conservation team who no longer wait on an agency. Pretty screens are the easy half.

I'm a planner by nature — clear roadmaps, things in order — which turns out to be what messy product problems and large stakeholder groups need. Because I understand code, business goals and customer psychology, I can hold a room of 10–12 stakeholders to one coherent direction and hand engineering something they can actually build.

I work in English and Spanish and get by in Portuguese, Italian and French — handy across global teams and clients. I'm genuinely passionate about design and art in every form, and I've woven AI (Claude & Claude Design) into how I work to move faster without cutting corners.

Off the clock: piano, guitar, ukulele and percussion, a good book, my journal, and long walks with my dog.

10
Years in design
9
Design systems owned
4
Published case studies
Writing

I write about design and building on the web

Articles and template deep-dives on the CloudCannon blog.