Brief:
Utilizing D3.js, develop an interactive platform to organize a music library for the user to navigate and experience in real-time.
Concept:
By utilizing D3.js, large amounts of music data are organized in an interactive platform to allow the user access to the information in a non-linear manner. Utilizing a contrasting color scheme, this music player is a joy to interact with. The music library was broken down into different categories utilizing the LATCH principle. By displaying the information by genre, song length, total genre song length, and total artist song length, the platform allows the user a hands-on experience when deciding how to organize the information. Further, the music player boasts an equalizer that reacts to each song’s frequencies when played, creating a music experience that is a joy to watch as well as listen to.
Programs:
Illustrator | Atom | Chrome
Brief:
Develop an interactive platform to organize type and technology milestones across the millennia for the user to gain a glimpse into type advancements and how each success relates to the other.
Concept:
The type and technology timeline creates a way for large quantities of information to be accessible in a format that allows the user to compare and contrast the events in relation to one another. Creating an easy-to-use platform that maintained clarity throughout was paramount in developing a user-friendly experience. Effective UX/UI is critical in the success of interactive experiences and this platform is no exception. 
By breaking the information up into centuries, the advancements can be seen across the last thousand years providing a look into how type innovations evolved, starting with just a few notable events and quickly accelerating in the rate of advancement. Furthermore, the successes in each century are broken down into three different categories: Classification, Typeface, and Technology. This provides the user with a unique outlook into the relationship between the advancements within each century.
Programs:
Illustrator | Atom | Chrome

You may also like

Back to Top