beatstars design system
My role:
Research & analysis
Design system
Prototype design
Duration:
2 weeks
Team members:
Individual project
Project focus:
Research
Analysis
Design system
Prototyping
Project level:
University
The first step in the process was to study the entire website and know it like the back of my hand. Websites have multiple elements that work together to make it the functional and user friendly. Upon analysis of the beatstars website, I was able to observe a few inconsistencies amongst the elements of the user interface. Most websites aim to use the same UI elements in various different sections of the website, to create a pattern that users might get familiar with and use to identify certain functions of the website.
Coming up with what could've been the design system for the Beatstars website was a tricky task to complete. The finished product should ideally serve as a set of guidelines for any designers who wish to make changes to the website in the future. The goal was also to breakdown the website and create a system that clearly communicates with the development team in a way that would be easily understandable.
Let's look into the final design system Figma prototype:
As I have already mentioned above, design systems are integral to creating and maintaining websites while striving for consistency and efficient work amongst the designers and also communicating with the developers.
If you like what you see and want to work together, get in touch!
prady1511@gmail.com