
Branding + UI/UX
NovaVibe Dance
synopsis
NovaVibe is a dance studio in New Jersey that offers & specializes in teaching cultural dances for its multicultural communities. They aim to provide an educational and safe space for students from other cultures as well as welcome those who want to learn about different cultures.
Bold imagery, a bright color palette, and organic, free-flowing graphics allow
NovaVibe to stand out against other dance studios along with its wide variety
in dance styles.
deliverables
Brand Identity
Stationery
Signage
Social Media
Website Design
Prototype


logo process
NovaVibe's essence is made up of movement, bold, and bright energy. The logo is a dynamic adaptive mark that consists of an organic N also representing a ribbon with movement. Its bold and different color usage represents the variety of each dance style offered at the studio.




visual system
NovaVibe's brand identity is cultivated in movement, expression and bold energy. Their typeface treatment reflects the structure of dance classes with a san serif and the free-flowing movement of dance stylers with the handwritten script. While their color palette represents a difference dance style and energy.

display


bodycopy

jazz purple

ballerina pink


yangko salmon

hip hop magenta
latin hot pink


stationery & signage
NovaVibe's stationery serves as one of their versatile assets, mirroring the adaptability of their logo which can be interchanged to represent various dance styles they offer. Just as their logo, their stationery and signage are designed to be interchangeable. It's crucial for NovaVibe to utilize all the colors from their palette throughout different seasons of the school year, ensuring that each dance style receives equal attention and spotlight.



social media
NovaVibe's social media showcases distinct colors respective to the dance style and movement just as the other assets communicate the studio's dynamic and bold energy.
banner ads




website
Accessing a dance studio and its classes online is convenient for both parents and students. NovaVibe's web design was inspired by the flaws in previous dance studio's organizational systems. Their goal was to create a more user-friendly calendar system with the unique utilization of the color palette to represent each dance style. This is particularly evident in
the class schedule, classes & registration pages.

homepage
The homepage has features to entice the user to learn more about the dance studio and gives them quick access to pages such as the about us, registration and event pages.
about us
The about us page highlights the staff and organizes them by the classes they teach with their coordinating colors to allow the user to identify, the dance style and dance teacher.


classes
The classes page goes into detail about each class offered at the studio, classifying them with it's corresponding color to allow the user to recognize each style throughout the website.
schedule
The schedule page shows the color-coordinated class calendar for the semester making it clear which days each style is offered and times of the week.


registration
The registration page gives the user information on registering early, the benefits, and how to do so with a form that follows through the page. This is also where they would find a smaller version of the color coordinated schedule to pick their classes.
events
The event page features information on the kinds of concerts and showcases the dance studio holds yearly to give the user insight into what they would experience if they attended NovaVibe.
