top of page

BALLET HUB

BalletHub Logo.JPG

DESIGN PROSE

Course: CCT260H5 (Web Culture & Design)

Medium: Microsoft PowerPoint & Balsamiq

Styles & Techniques: Web Design, User Experience

 

Ballet Hub is a concept designed to help both new and seasoned dancers research, obtain, and share ballet-related information. Its community and outreach would be primarily fostered through a dedicated discussion board. The development process involved content analyses, persona creation, information architecture and sitemaps, wireframes, and graphic design.

My goal was to create a site logo that reflects both Ballet Hub's central theme and its playful yet sophisticated design, appealing to both younger and older demographics. A well-designed, quality logo would contribute to an aesthetically pleasing interface, thereby enhancing the site's legitimacy. Ballet Hub's white and rose-colored logo is also consistently aligned with the site's overall colour scheme.

SHORTCUTS

SHORTCUTS

HIGH-FIDELITY WIREFRAMES

HIGH-FIDELITY WIREFRAMES

BalletHub Homepage.png

I chose soft pastel hues for Ballet Hub's interface to reflect not only ballet's sense of creativity and joy, but also the calming influence of dancers' movements and the common use of classical and instrumental music in ballets. The colour rose, frequently seen in dance uniforms and costumes, further enhances the site's familiarity and relevance for dancers.

BalletHub Genres.png
BalletHub Genres (Bottom Half).png
MEDIUM-FIDELITY WIREFRAMES

MEDIUM-FIDELITY WIREFRAMES

Homepage.jpg
Genres.jpg
Genres (Bottom Half).jpg

These wireframes offer a detailed preview of Ballet Hub's structure, showcasing the precise placement of its logo, imagery, welcome message, search bar, and various navigation elements (structural, utility, and footer).

As users explore these wireframes, they're given the illusion of interacting with the site. For instance, they can virtually click on the "Genre" section of the main menu and scroll down to reveal its subcategories, "Style" and "Instructional Techniques."

SITEMAP

SITEMAP

Ballet Hub Sitemap (Navigation).png

To significantly boost user engagement and provide diverse resources, I decided to incorporate a discussion board directly onto Ballet Hub’s main pages. This feature will cultivate a stronger sense of community and communicate that user input is valued.

Since the initial drafts, additional structural changes have been made. The 'About Us' and 'Support' pages were moved to the footer, making way for sections more central to the site's purpose: 'Intro to Ballet' and 'News.' As main pages, both will further assist users in their research and alleviate potential content overload on the 'History' page. Rather than cramming ballet's definition and history into one section, this information is now neatly divided across two dedicated pages for improved clarity and readability.

PERSONAS

PERSONAS

Persona #2 - Rebecca Lauer.png
Persona #3 - Amy Anderson.png
Persona #1- Terri McLuhan.png
Website Logo.png
bottom of page