discz

Logo / Music App UI

A recent personal passion-project involving a logo for a 70s themed music app called Discz (Stylised as dis.cz) as well as UI design for an app, utilising circles and rounded shapes throughout to create a cohesive design and a pleasant user experience.

Initial Brainstorm

For the initial brainstorm I considered several different names to see which one would better suit the 1970s appearance of the final design. I opted for Discz, as the others had lettering heights that I thought were too inconsistent.

I then experimented with a few different fonts, choosing the “Crystal Radio Kit” typeface as it had sufficient 70s stylisation as well as a thick stroke width that matched similar designs from the time period.

I also gathered several logos from the 1970s in the style that I wanted for the final design. I noticed that a lot of the lowercase lettering on the designs I liked were uniform, often utilising very circular and bold typefaces. A lot of logos from the 70s had single-colour text, often with a multicoloured addition such as a muted rainbow.

Logo Design

For the logo design I used the “Crystal Radio Kit” typeface I had selected in the initial research, in an off-white on a dark background.

I added two circles of the same diameter as the C in two different shades of orange tucked behind it, the colours replicating the oranges seen in a lot of designs from the time period, as well as giving the logo a little bit of added visual flare.

Icons

I created a set of rudimentary icons for use in the final app, all shapes used had rounded edges to better suit the logo and the rest of the app.

I copied the overlapping circles used in the logo design and created an icon representing the user’s music library, as well as an icon I would use to signify when a user had a song saved already.

My Library Page

I created the ‘My Library’ page first, making use of rounded squares and the icons I had made previously to create a mail control bar at the bottom. I was initially going to add five icons at the bottom for navigation but felt more than three made it too crowded.

I used the same colours for the UI that I had used for the logo, making sure that the screen had a cohesive theme, without being to jarring for the user. In the future with this design I will probably add the option for preset colour schemes for the user to select, as well as potentially adding a gradient to the top navigation bar with randomly selected album art from the playlist.

Next I will create a landing page for the app, as well as a navigation page and a settings menu.