South Lyon Community Cardio Drumming Branding and Website Design

Kenna Pezzi, Feici Liu, Shiyao Liu,
Anisah Mohamed and Carrieann Towne

Personas, Comptetitve Analysis, Style Guide, Wireframe, Mockup, HTML/CSS, and CMS hosted website

Introduction

This project outlines the comprehensive design strategy for the South Lyon Community Cardio Drumming branding and website. The primary objective is to establish clear design standards for developers and offer content and branding guidance for the client.

The design documentation encompasses a style guide, user personas, competitive analysis, and a sitemap, all aimed at benefiting both the client and the developers. Additionally, wireframes, mockups, and UI examples are provided to support site development.

The goal of this project is to gain a deep understanding of the brand and its audience to effectively serve the organization. By dissecting each component of the web design, this project offers clear direction for all visual and interactive elements of the website.


User Personas

First Persona

Second Persona

Third Persona

Fourth Persona


Competitive Analysis

We performed competitive analysis of fitness websites Orange Theory and Yoga Lab and another cardio drumming organization Soul Fit to provide us with inspiration and ideas for areas of improvement.

Insights for Website Development

  • Streamlined navigation
  • Accessible booking and schedule information
  • Effective use of branding colors
  • Clear UI cards for information display

Enhancements for Our Website

  • Improved color scheme for better readability
  • Consistent content structure
  • Detailed class information before sign-up
  • Consistent navigation link behaviors

Style Guide

Style guide
Style guide

Wireframe

wireframe

Prototype

prototype

Operating Website

The project was fully coded with PHP using GetSimple CMS for the client to use. My website is unable to host PHP.