Skip to content

Vernon Fowler

Designing inclusive and engaging digital experiences

  • Writing
  • Case studies
  • Presentations and workshops

Tag: design system

A design system helps manage design at scale by creating a shared language and visual consistency across digital products such as apps or websites.

Guided by clear standards, design systems are collections of reusable components, interconnected patterns and shared practices coherently organised.

Faster and better component documentation with AI

I use generative AI to batch write component documentation drafts so that I can produce them faster and with higher quality.

Published 4 December, 2023
Categorized as Portfolio Tagged design system, documentation, processes

Inclusive design transcripts for a video component

I designed improvements to transcripts in a video component including multiple languages, left-to-right scripts, and avoiding disorienting people.

Published 28 December, 2021
Categorized as Portfolio Tagged accessibility, design system, inclusive design, interaction design, wireframing

Add a visual “you are here”

Black boots standing on the ground in a painted circle with stenciled words: You Are Here

You are here indicators help us orient ourselves when visiting a website. I added a visual you are here to show the current location in navigation menus.

Published 24 December, 2021
Categorized as Portfolio Tagged accessibility, CSS, design system, inclusive design, navigation

Colour and contrast coding a form prototype

I used wireframes and flows to start coding a prototype form wizard. My artifacts aided our handover process. I levelled up my skills and mastery of tools.

Published 31 March, 2020
Categorized as Portfolio Tagged accessibility, CSS, design system, forms, HTML, JavaScript, prototyping, user interfaces

Posts pagination

Page 1 Page 2 Older posts
  • LinkedIn
  • CodePen
  • GitHub
Vernon Fowler
Proudly powered by WordPress.