Portfolio Design System

By: Patrick Swanson

DePaul University - HCI 472: Design Fundamentals II

A design system page showing spacing on the page and a sidebar for navigation

Overview

  • Developed a personal design system to ensure consistency and efficiency across my portfolio project
  • Led the creation and implementation of design guidelines, reusable components, and design patterns
  • Developed the Figma template for the design system
  • Since I created it, I have adapted the system for the new portfolio site

Role

Lead UX/UI Designer

Interactive Design System

Below you can use the interactive webpage to view my design system. If you wish to dive deeper into the system, a button on the page will bring you to the design system template built in Figma.

Note: The interactive webpage was designed to view on desktop/tablet, it will NOT scale for mobile


Let's Connect

I'm quick to respond, get in touch for opportunities or to say hi!