The 920 Special
Full Responsive Website Redesign
User Experience Designer
The 920 Special is a dance school in San Francisco specializing in Lindy Hop and Vernacular Jazz dances. This site redesign was a group effort with ongoing participation from our small but mighty team of engineers & designers (all of whom teach or take classes at The 920 Special).
We began our process with user research. We distributed surveys to our user base with the objectives of learning more about their feelings on The 920 Special as an organization, how they used the information provided on the previous site, how they search for supplemental information, and how they share that information with their peers. We segmented our users into two simple groups- first time users (who either had or had not danced before) and returning users- and started to shift the information architecture and calls to action to better serve their needs.
A key area of opportunity for us was the redesign of the landing page. In the final design mocks, the page clearly communicates the value propositions of the business, provides clear calls to action (particularly around registration), provides easy access to beginner & first time visitor information, and provides scheduling information about the weekly social dance (geared toward our returning users).
As we assessed our core user flows, we realized that there was clear opportunity to reduce the number of clicks in the user registration process. Although we were partially constrained by our external payment system, we were still able to reduce the number of steps in the registration process by simply placing "register now" CTA's, where appropriate, throughout the site.
From a visual design standpoint, we wanted the site to feel like The 920 Special's weekly social dance- warm & inviting, twinkly, and exciting. We selected vintagey imagery with warm tones and modernized the feel of the site with a vibrant, pop color pink for our CTA.
Sketch, Fireworks, Photoshop, Illustrator, Google Collaborative Tools, Github, html, CSS, Slack
1. Research & Definition
2. Concept Ideation & Wireframing
3. Final Design Look & Feel