New UX for 333sound

333sound App Screens

Overview

  • Rebranding of 333sound
  • Designing app for helping users submit book proposals
  • HND Visual Communications: Interactive Design
  • Team project
  • My contributions
    • User, industry and competitor research
    • Designing brand style, logo and mockups
    • Designing user flow, Information Architecture and navigation
    • Sketching and wireframes
    • Prototyping for app

Brief

333sound, also known as 33 and a 1/3, has released a series of short books about famous albums. At the time of this project their website was not responsive or particularly user-friendly.

This college brief was in two parts. The first task was to rebrand the company with a new logo. The second part was to create a mobile-based experience for a section of the website. We created an app for submitting a book proposal.

Project

I worked with Chantal Dipnarine for this project. We began looking at branding for other music websites and apps. However, most focus on singles, whereas 333sound are focused on the long-playing album format. We decided any logo should evoke this distinction.

333sound Logo Mockups

We chose the logo in the top left as it is distinctive and compact – well suited to any context. As the logo evokes past times, we felt it important to use a modern colour scheme in contrast. Bright colours and gradients were very fashionable at the time so we experimented with various colours. 

333sound Logo Colour Trials

We developed a mobile experience for the ‘submit a proposal’ section of the website. We began by sketching out the screens and user flow, then developed wireframes before using InVision to create an interactive prototype. The clickable prototype is available here: https://invis.io/6NC3EEZQH

333sound App Wireframe

By making it account based, we allowed the user to gradually complete their proposal both on their desktop/laptop and on their mobile. The desktop version would have more text editing tools, but the mobile version would be very useful for reviewing and tweaking the proposal on the move. 

We went on to create mock ups for the branding and app, both for print and mobile.

333sound App on Mobile Phone
333sound Billboard Advert
333sound Stationery

Conclusion

Chantal Dipnarine and I enjoyed working together to create the app prototype and logo. The app would make it easier for users to track their progress with their proposals, meaning they would be more likely to actually submit them. Given the opportunity, we had further ideas for making the website more mobile-friendly and engaging.

This was one of the projects that helped me decide to specialise in UX. I later went on to study with the UX Design Institute, gaining a Professional Diploma in UX Design and a Professional Certificate in UI/Visual Design.

This was a college project and no ownership of or endorsement by 333sound is implied.