UX TOOLS

Sketch, Figma, XD, Marvel, Principle, Anima, Invision Studio 

PROGRAMMING

HTML, CSS, some Javascript and Python

ADOBE CC

Illustrator, XD, Dimension, Aero Beta, Photoshop

AUDIO / VIDEO

Logic Pro, Pro Tools, Final Cut, Premiere Pro

OTHER WEB

Wordpress, Shopify, Webflow, Elementor, paid social media advertising

PROJECT MGMT

Jira, Trello, Asana, Notion, Salesforce, Hootsuite, Slack, G-Suite & Microsoft Office​ 

SEO / SEM 

Moz Pro, Alexa, HARO, Google Analytics, Search Console & Webmaster

HOSTING & VERSION CONTROL

GitHub, Bitbucket, Azure, Storybook, Pattern Lab, Heroku, AWS, Kubernets, Docker, cPanel, 

VIEW & DOWNLOAD    

Project Overview

This project is a work in progress, but will eventually be the culmination of the deep dive into design system thinking I embarked on a little over a year ago. I have chosen to create a large scale front facing design system that uses Component Driven Design (CDD). 

I modeled this system after both IBM Carbon and Atlassian, but will include my extensive research findings on the latest software integrations and processes being used to create what I like to call the Living Design System. 

These Living Design Systems are what I believe the effective design systems of the future will become. They will offer automated connections between engineering and design departments, easy access to the Living Design System for additions and edits, but include an engineering type QA process for approved additions. Furthermore, these systems offer more clarity and understanding between departments on how the product phases are being built, which inevitably leads to more efficient product creation.  

Living Design Systems, will increase build time exponentially, your engineering team won’t have to focus on copy and pasting the code for your CTA button ever again and can focus on more important aspects of web builds or product improvements. Your design team won’t be backlogged with requests for SVG files or design elements, because everyone that needs access will be able to pull those elements directly from the latest design file.  

Tools

Figma, Bit.Dev, CodeSandbox, Storybook, Zepplin, Pattern Lab, Illustrator, Photoshop

Role

Sole project contributor

Duration

In progress