UCLA Extension: Software
System Design
In completing my User Experience certificate with UCLA Extension, I took a class called "Software" in which we practiced working with Figma and designing components. Our final project was to create or redesign an app, utlizing tools such as auto-layout, components, and styles.
Tools
Figma
Scope
UI Design
Design Systems
Art Critique
One of the most important parts of art is connecting with other artists to gather inspiration, receive critique, and ultimately find community. I wanted to design an app that would help users easily connect and schedule critique sessions with friends.
Color Styles
Primary colors
Secondary colors
White
Black
Text Styles
Title
Large
POPPINS/Title/1
Medium
POPPINS/Title/2
Small
POPPINS/Title/3
Subtitle
Large
POPPINS/Subtitle/1
Medium
POPPINS/Subtitle/2
Body
Large
POPPINS/Body/1
Medium
POPPINS/Body/2
Small
POPPINS/Body/3
Other
POPPINS/Button
POPPINS/Caption
Components
I created basic components such as buttons, search inputs, and navigation. I also created card components that were essential to the design I was creating. Once I created the components, I documented them to define their labels, spacing, and purpose.
The Design
Final Product
The final product was a fully prototyped mobile app. The prototype includes a login sequence and two booking sequences for users to seek out critique from peers.
