Brian Norris

Selected work

Work, education and research, tools and experiments.

Screenshot of the CampusGF website showing options for downtown dining and shopping, a testimonial quote from a student, and an aerial photo of Springfield’s downtown area under a clear sky.
A screenshot of the Campus SGF website
Work · 2026

CampuSGF

A Google Maps-driven city guide for college students new to Springfield, MO

VueWordPressACF Flexible Content
Screenshot of a colorful website homepage featuring a collage of eyes, flowers, an open book, and various shapes, with bold text reading “A website. Allegedly.” and navigation links at the top.
A screenshot of the Think Upon website
Work · 2026

Think Upon WordPress Development

A heavily animated WordPress site for business founder Mark Steiner

WordPressACF Flexible ContentGutenberg
Screenshot of a web tool titled “Image Converter,” prompting users to add a JPG or PNG image file. A sidebar lists other tools, such as Ratio Converter, Pixel to Em, and Text Compare.
A screenshot of the Web Tools collection
Tools / Experiments · 2025

Web Tools

A personal collection of browser-based helper tools.

Vue@jsquash@squoosh-kit
A collage of four website homepages, each with distinct logos, text, and color schemes arranged in vertical strips, partially overlaying each other.
A screenshot of the WordPress builds
Work · 2022-2026

WordPress Theme Development

A selection of greenfield WordPress builds across a range of industries.

WordPressPHPSCSS
A web tool called “Fluid Type Tester” shows adjustable sliders for font sizes and a preview area with the opening text from “Alice in Wonderland” under the heading “Down the Rabbit-Hole.”.
Screenshot of the Fluid Type Tester tool
Tools / Experiments · 2025

Fluid Type Tester

A personal tool for testing fluid and static type scales in the browser

VueVuex
A halftone-style illustration of a hand holding the handle of a cup, rendered in red and blue dots on a light background.
Illustration of a hand holding the handle of a cup
Education / Research · 2022

Usability Heuristics and Scoring

A custom set of 12 usability heuristics and a 1-5 scoring system.

Document
Smucker’s Day Maker tool lets users spin a wheel of meal ideas with photos of dishes. On the right, a box offers options to explore recipes: Breakfasts, Entrees, or Snacks & Sweets, with a red checkered border below.
A screenshot of the Daymaker app
Work · 2023

All Spreads Daymaker

A recipe discovery app for a food-service brand that arranges recipes on a programmatically generated SVG clock, organized by daypart.

Vue 3SVGREST API
Screenshot of an online store displaying pasta products, including Marzetti frozen elbow macaroni, farfalle, penne rigati, cavatappi, and elbow macaroni, with filters on the left side.
A screenshot of the filters in action
Work · 2023-2026

Product & Recipe Filters

A reusable, live client-side filtering app built for food-service brands.

Vue 3TypeScriptFuse.js
A webpage section titled “Scope” explains web accessibility, quoting Heydon Pickering, and discusses making sites usable for all. A yellow-highlighted note says, “If a website isn’t accessible, it isn’t usable.”
A screenshot of the Accessibility Dev Training document
Education / Research · 2020

Accessibility Dev Training

A living accessibility reference and training document written for a team of six developers.

Notion
A blue-tinted office background with bold black text saying “Hey There.” Smaller white text below reads, “If food is what you do (even part of what you do) you’ve landed in the right spot.”.
A screenshot of the Alchemedia project website
Work · 2019

Alchemedia Project Website

An advertising agency website built with Nuxt.js and Prismic

Nuxt (static generation)Prismic
A colorful Jif peanut butter-themed game wheel with sections for different dip ideas, surrounded by images of food, and text suggesting ways to serve Jif, flavor hacks, and a PB Hummus Dip recipe.
A screenshot of the Wheel app
Work · 2021

Jif That Dish

A Vue app that randomly surfaces menu applications for Jif Peanut Butter recipes, with filtering and sequential browsing

Vue 3GreenSock (GSAP)REST API
A white wooden background with berries at the top. Text reads, “Make your wait less wait-y.” Below are two green buttons labeled “Conversation Starters” and “Trivia,” with a red checkered tablecloth at the bottom.
A screenshot of the Fun app
Work · 2022

Smucker’s Fun

A lightweight, web app for restaurant diners waiting on breakfast.

NuxtPiniaCSS Transforms
A collage of various website mockups displaying different fonts, colors, layouts, and graphic elements, showcasing diverse web design styles and branding approaches.
A sampling of styletiles from the course
Education / Research · 2019

Web Design for Design Majors

Course materials for a course on web design and development.

VuePress