Responses by Lucas Vallenet, creative front-end developer; Zorani Sanabria, art director; Maxime Lafrenière, designer and interactive developer; and Guillaume Beaulieu, designer and art director, MamboMambo.
Background: Dedicated to everyone involved in the music industry in Québec, MetaMusic is a guide to indexing musical content using metadata destined for the rightsholders of the musical value chain. The site describes the process and best practices to follow and introduces a shared metadata model for the indexation of musical content. Born from the desire for Québec’s music ecosystem to benefit from a professional collective tool, MetaMusic improves the quality of the province’s musical content metadata and activates the discoverability of our entire musical heritage.
Design core: Definitely the style of illustration. It enables us to represent each guide with a special touch. If you’re familiar with musical notation, you get the reference to musical staves; they play a huge part in the illustrations by connecting the different icons. One thing we enjoyed experimenting with is the transition implemented between the guides. This really helps us to keep the user focused on the content.
Favorite details: The connectivity between the guides and the toolkit, again, ensures everything on this platform is the most effective, experience-wise. It accomplishes the delivery of more info on a particular subject so that the user knows what there is to do. Plus, the “Share link” feature for each item in the toolkit!
Navigation structure: By going with the horizontal transitions in the guides, we visually link the global concept with the illustrated lines of a musical score.
New skills: This is a project we’ve been working on for quite a while, so we had time to learn and really implement Vue.js the right way. Since then, we’ve implemented this technology on almost every project in need of fast, good-looking transitions—and this is now a must!