Using our initial ideas, we created a rough booklet showing the layout of each page. Below is an explanation of the initial website design:
Using this guide, we created a first draft of the website on Wix. We knew that this was only the very beginning of our website development process so we used placeholders for many things, such as thge focal image and logo in the image below:
 |
| Home page |
After the home page we then went on to focus on the gallery page. This page is what would allow us to most strongly convey the artist's alternative and abstract nature. Within the gallery we would have photos from promo shoots, stills from the music video and perhaps even some behind the scenes images.
 |
| Gallery |
We then went onto create the first draft version of the store. This page would allow the artist to get the audience directly engaged and involved with NTLS' style. If the NTLS fashion brand lifts off then it will help the brand image as a whole grow in popularity at an exponential rate as viral fashion is possibly one of the most effective means of getting a brand out there. All items in the store have been made with the NTLS logo printed on them somewhere, whether it be a jumper or socks.
 |
| Store |
We felt it was necessary to revamp the aesthetics of the whole site at this point. Drawing direct inspiration from The 1975's website, we sought to make the social media toolbar more professional and stylistic. At this point in time we had also just created our logo for use on the album cover. Below is the result of implementing the new social media buttons and logo.
 |
| 1975 website |
 |
| New NTLS header |
In order to give the website a complete overhaul, we had to select a different and personalised background. From our on location promo shoots at the local forest, we managed to capture multiple extreme long shots of the artists engulfed in the forest. We came to the decision of using the image below:
 |
| New background image |
However, with this new image, the logo was not visible in its current position. To fix this, we inverted the colour or the logo to black and airbrushed the point of the image that the lgo was resting on. This, coincidentally, worked very well as there was a natural gap in branches where the logo was previously sitting, making it seem like we barely edited the image at all.
 |
The final, completed interactive homepage
|
We then set out to upgrade the individual pages, beginning with the about page. We added a sort of entry page for the about section. This entry page displayed a portrait of both of our artists, named LuLu and Nathan, and clicking on either picture will take you to the respective bio page.
Next, we revamped the news page. We incorporated a tour section, with dates and venues listed, a live Twitter feed, a listen in live plugin to BBC Radio 1 and a general announcement feed. This page acted as a sort of hub for interactivity and live information. Linking to social media, music industry news and artist specific information meant that this page covered a wide range of functions.
 |
| News page |
For business and commercial purposes we thought it necessary to have a contact page. On this page, is information about the location of the record label's HQ, their email address, their postal address and an interactive map of where the HQ is actually situated. In addition, users can also sign up for the mailing list on this page, a vital function that will keep the user up to date about all things NTLS related. Alternatively, the user can leave a message for NTLS using the message plugin in the top right of the page.
 |
| Contact page |
The last addition to our website was the record label, Red Pigeon Productions, logo and name on the footer of every page, for promotional and legal purposes.
Any other changes are visual changes and can be seen in the website guide video below:
No comments:
Post a Comment