Branding Brief from General Assembly Visual Design Course
![](https://imasiello.com/wp-content/uploads/2022/03/beatboxBrief-1024x492.png)
Competitive Analysis
Spotify
Strength:
- Simple, short sentences make directions clear
- Simple font hierarchy system reduces user cognitive load
- Layout easily resizes into any sized device
Pandora
Strength:
- Uses overlapping components to lead user down the page
- Features screenshots of actual product
- All information ordered by priority / usefulness to user
Apple Music
Strength:
- Shows product on a variety of devices
- Simplifies complex animation when site viewed in mobile format
- Clear action color
Weakness:
- No human element
- Action color changes between pages / sections
- Very little information on the actual home page
Weakness:
- Inconsistent styling
- Action color changes between pages / sections
- Not intuitive that typing a character into search bar will immediately take user away from home page
Weakness:
- “Hero image” makes it take a while for the user to get to the real content
- User might not want to experience “It’s as easy as it sounds.” animation multiple times if scrolling up & down the page
- “An all‑access experience on all your devices.” might not be the clearest thesis statement to put on the hero image
Personas
![](https://imasiello.com/wp-content/uploads/2022/03/PersonaBeatBox.png)
![](https://imasiello.com/wp-content/uploads/2022/03/UserFlowbeat-1024x593.png)
Wireframes
![](https://imasiello.com/wp-content/uploads/2022/03/Lofibeat-1024x774.png)
Potential Color Themes
![](https://imasiello.com/wp-content/uploads/2022/03/ColorVersions-963x1024.png)
Final Style Guide
![](https://imasiello.com/wp-content/uploads/2022/03/BeatBoxStyleGuide-1-658x1024.png)