Desktop Version of Website Campaign for Kehlani's album 'You Should Be Here'
I started by finding a good quality sunset background and edited it on photoshop so it had a feminine pink/purple overlay to link back to the artist. I used a sunset back ground to associate back to the title of her album, as beach and sunsets are normally linked with holidays, a place where you tend to wish someone else was with you. I used this background to act as similar to a pre loader page however once loaded up the user then has the option to hover over the enter site link which once hovered over by the cursor will change to a purple to create a clear interlink into the webpage contents. I used the typeface MF Queen Leela as it was similar to the typeface that Kehlani uses on most of her album artwork and I wanted her fans to recognise who it was through the common themes I adopted.
Once the user has entered the site, they can see clearly where things are located as I have designed a banner which includes all of the things the user might want to browse to do with album/artist. Such as new releases, youtube videos, sign-up to newsletter and information and the store where the user can purse deluxe versions on the albums as well as things like T-shirts, posters and mugs etc. Easily purchasable and cheap merchandise will help advertise her album as well as creating up a hype, therefore hopefully contributing to more sales of the album. There are also links to her social media pages such as Twitter, Facebook and Instagram. Social media is also the perfect way of spreading the hype of an album.
The top left also shows a simple logo I created using the typeface Mf Queen Leela. Creating this logo just enables the user to easily recognise her and also have a clear link to the brand, the logo would not only be on the website but on merchandise too, again spreading more hype for the upcoming album.
The website will simply have one continuous scroll, the next page having links to her different mix tapes straight onto Soundcloud (An online music streamer, used by Kehlani herself) so the user can listen to her tracks for free simply by having an internet connection. After listening to the tracks, hopefully this will entice them to download the album and none of the tracks featured here will be featured on the new album. Meaning the user will be curious as to hear them.
Once the user continues to scroll down they will come to 4 or 5 videos with a play button over. Once they click onto the play button the link with youtube will directly send them to the music video on YouTube so they can listen to her previous tracks.
Next the user will come to a page dedicated to Kehlanis recent Instagram posts, which will continuelsly refresh once she uploads a new one so the user will be able to have an insight into Kehlanis day to day life and grow to like her more, therefore wanting to purchase her album. Each post on each page is using the Only studio Grid system to aid consistency.
The final page is Kehlanis Tour dates where the user can find information of the location of her tours and if click on the link to purchase tickets on ticket master will become available.
Mobile version of website Campaign for Kehlani's album 'You Should Be Here'
The pre loader page will simple fade into a circle instead of having to be clicked on. A slight variation to the desktop version. This just makes the links speed up slightly and avoids confusion.
The top right of the design has a hamburger icon. Once clicked on this just shows a drop down menu with the same features on as the desktop banner such as releases, youtube videos, sign-up to newsletter and social media links.
Below a image of the album cover and an easily accessible link to iTunes pre order.
The next page is similar to the desktop version however instead of a link to Youtube the video just simply expands on the app screen and plays with the logo and hamburger icon in place. To pause the video the screen is pressed one to get out of the video the hamburger icon is pressed to give the option to go back to videos.
Similar to the Instagram app the photos are shown on a continuos scroll and updated frequently.
The final page again shows the same information as the previous desktop page of tour dates.
No comments:
Post a Comment