SHOP/SAFE
In this project I’ve designed a system for managing the design studio resources at MassArt.
This project was a huge learning opportunity for me, as it was my first UX focused design. I made a ton of mistakes along the way and learned even more.
Supplementing my physical product design focused education, I sought out resources outside of my curriculum to start building a foundational UX/UI skillset. I spent much of my time this semester watching UX/UI design video courses online, as well as various tutorials for both UX/UI in general and Figma.
entering
work in progress zone
WIP
I’m currently revisiting this project! As I learn more UX/UI best practices I’ll be updating everything.
Some things I’ve started so far:
-8pt baseline grid
-12 column grid
-More consistent typography
Some things I’ll be focusing on are using a more consistent design system, utilizing components and variants effectively, and maintaining proper contrast across the platform.
Check out the live figma prototype below for most up to date design.
This system has been on quite the journey. The frames below show my progress with the dashboard.
With each revisit it evolves and gets closer to my original vision.
v0.1
v0.2
v0.3
Figma prototype!
Check out my interactive prototype below. This represents work from version 0.3 but still helps explain a little of the potential functionality of the system overall.
For best viewing, go to full screen view by clicking the top right corner of the prototype window.
Press ‘Z’ to adjust the fitting within your browser.