stereomood
Freies Projekt aus dem 3ten Semester
FH Aachen 2012 (Mockups 2015)
Thema
Aufgabe war es ein Erscheinungsbild für eine Musik-Edition zu entwickeln.
Dazu habe ich die Website stereomood.com ausgewählt, auf der es nach Stimmung erstellte Playlists gibt. Diese Playlists enthalten Gernreübergreifend Songs von verschiedenen, teils wenig bekannten Interpreten. So bietet die Plattform eine gute Möglichkeit neue Interpreten kennen zu lernen. Je nachdem welche Stimmung einen interessiert kann man verschiedene Playlists wählen: energetic, vicious, calm, joyful, brisk, melancholic, usw…
Dazu habe ich die Website stereomood.com ausgewählt, auf der es nach Stimmung erstellte Playlists gibt. Diese Playlists enthalten Gernreübergreifend Songs von verschiedenen, teils wenig bekannten Interpreten. So bietet die Plattform eine gute Möglichkeit neue Interpreten kennen zu lernen. Je nachdem welche Stimmung einen interessiert kann man verschiedene Playlists wählen: energetic, vicious, calm, joyful, brisk, melancholic, usw…
Konzept
Da mir das Konzept, auf diese Art neue Interpreten kennen zu lernen, gefiel habe ich es übernommen und in eine Musik-Edition umgewandelt bei der es CDs zu verschiedenen Stimmungen gibt.
Die Stimmung ist das Unterscheidungsmerkmal der jeweiligen CDs, daher ist es wichtig diese auch gleich auf dem Cover zugänglich zu machen. Doch wie Stellt man die Emotionen und Stimmungen auf dem Cover verständlich dar? Man bedient sich bei einem anderen Medium, dessen Ziel es ist Emotionen zu wecken.
Der Film.
Die Stimmung ist das Unterscheidungsmerkmal der jeweiligen CDs, daher ist es wichtig diese auch gleich auf dem Cover zugänglich zu machen. Doch wie Stellt man die Emotionen und Stimmungen auf dem Cover verständlich dar? Man bedient sich bei einem anderen Medium, dessen Ziel es ist Emotionen zu wecken.
Der Film.
Dazu habe ich Bilder von bekannten Filmklassikern verschiedener Genre gewählt die einen hohen Wiedererkennungswert haben.
Um einen einheitlichen Bildstil zu schaffen und um den Film inhaltlich zu abstrahieren entschied ich mich dazu, die Bilder zu rastern. Kombiniert mit anderen Elementen entsteht so das Erscheinungsbild der Edition.
Um einen einheitlichen Bildstil zu schaffen und um den Film inhaltlich zu abstrahieren entschied ich mich dazu, die Bilder zu rastern. Kombiniert mit anderen Elementen entsteht so das Erscheinungsbild der Edition.
stereomood
Free project from the 3rd semester
FH Aachen 2012 (Mockups 2015)
Object
The object was to develop an identity for a music edition.
As base i selected the website stereomood.com , wich offers playlists sorted by the mood of the songs. These playlists include songs by various, sometimes little-known performers regardless of their genre. Thus, the platform offers a great way to discover new artists. Depending on what mood you are interested in you can choose from different playlists such as: energetic, vicious, calm, joyful, brisk, melancholic, etc...
Concept
Since i liked the concept of discovering new Artists in this way i kept it and converted it into a music edition in which there are CDs for the different moods.
As the the mood is the distinguishing feature of those CDs, it is important to get a clear access through the cover. But how does one represent emotions and moods understandable? You make use of an allready learned medium, whose aim is to arouse emotions.
The Movie.
The Movie.
I picked pictures from famous classic movies of different genres to achieve a high recognition factor.
In order to create a unified imagestyle and to separate the mood from the movies content i decided to rasterize the images.
Combined with other elements the identity of the edition is formed.
In order to create a unified imagestyle and to separate the mood from the movies content i decided to rasterize the images.
Combined with other elements the identity of the edition is formed.
Energetic
Energetic - Cover + CD
Energetic - Back
Energetic - Booklet
Energetic - Poster
Energetic - Flyer
Other covers
Melancholic - Cover
Brisk - Cover
Calm - Cover
Joyful - Cover
Vicious - Cover
App + Web
Die App ist in erster Linie eine digitale Erweiterung des Booklets zu der die QR-Codes die Brücke bilden.
Scannt man einen der Codes im Booklet gelangt man jeweils zu einer Seite der App mit dem Songtext, weiterführenden Informationen zu dem Interpreten und einem Videointerview. Außerdem bietet die App eine Übersicht aller erhältlichen CDs mit Tracklists in denen man sich Previews anhören kann.
Scannt man einen der Codes im Booklet gelangt man jeweils zu einer Seite der App mit dem Songtext, weiterführenden Informationen zu dem Interpreten und einem Videointerview. Außerdem bietet die App eine Übersicht aller erhältlichen CDs mit Tracklists in denen man sich Previews anhören kann.
Die Website bietet in größerem Format ähnliche Funktionen
The app is primarily a digital extension of the booklets to which the QR codes form the bridge.
If you scan one of the codes in the booklet you get to a site of the app wich offers the lyrics, further information on the artist and a video interview . In addition, the app provides an overview of all CDs available with tracklists where you can listen to previews.
The website offers similar functions in a larger format.
If you scan one of the codes in the booklet you get to a site of the app wich offers the lyrics, further information on the artist and a video interview . In addition, the app provides an overview of all CDs available with tracklists where you can listen to previews.
The website offers similar functions in a larger format.
I hope you like it :)
Original mockup sources
Cover + CD: http://www.pixeden.com/psd-mock-up-templates/psd-cd-cover-disk-mock-up
Booklet: http://graphicriver.net/item/square-catalog-magazine-mockup/7973613
Poster: http://graphicburger.com/a4-paper-psd-mockup/
App: http://www.graphicsfuel.com/2015/11/app-screens-mockup/
Booklet: http://graphicriver.net/item/square-catalog-magazine-mockup/7973613
Poster: http://graphicburger.com/a4-paper-psd-mockup/
App: http://www.graphicsfuel.com/2015/11/app-screens-mockup/
Phone: https://dribbble.com/shots/1772079-iPhone-6-Minimal-PSD
