Author Archive

Evaluation of web design application

Since designing my website page for our music star, I have learnt serval different things, such as conventional techniques and visual branding which has impacted my learning and helped me to move forward. For example, adding images and videos which are attached to a link, and using the same colour scheme for my website as we used for the digipak, this links all the products together.

Web Page Final Draft

please click the image to link you to the website

What Has Changed:

  • I have changed the backgrounds to make the overall website more interesting and conventional to our other products such as the digipak.
  • I have added comments/captions to the images on the gallery page.
  • I have added skyscrapers to help make the overall website stand out.
  • Some of the typeface has changed to the same text as on our digipak which is conventional.

Web Page Draft One

please click on the image to visit the site

This is our website Millie and I have designed, we chose the same colour scheme as our digipak and used the image on the front cover for our merchandise. We chose a similar font type to our digipak to bring them both together and help the overall website look ecstatically pleasing to the eyes. The feedback we received was all positive everyone liked the colours and images we used throughout our website and also liked the layout as they said it was easy to use and navigate and still looks effective.

Targets:

  • use some quotes
  • use the other panes from the DP as backgrounds and include somewhere else
  • video needs to be higher up the pages
  • not sure about white font on yellow
  • captions with some of the gallery photos
  • couple of made up news stories
  • couple of other album covers that link to music
  • Biography higher up to include your mission statement
  • What about social media links to actual Aluna George pages

Flow Chart and Preferred Website template

Above, I created a flow chart to help Millie and I create out website. I used other websites to find out what short of things they include which helped me put this flow chart together to with the things we wanted to add into our website when we came to make it. The main things we need to include are Music, Videos, Merch, Tour info and Gallery, all these things helped us to think more about what we wanted to use to help our website look realistic.

Here, Millie and I decided to use this template off the Wix.com website which helped us to start making our own website for our star. We made our website using the layout of this one changing, rearranging and adding stuff to it to make it better and more our and our stars style.

please click the image to see the link

 

Web Page Conventions

We would like to include the elements of AIDA, Attention, Interest, Desire and Action in our website design. Th conventional elements in an R&B/pop music website design includes things like convergent links which send you to more information on another page; a navigation bar which allows you to transport from page to page and a hero shot which is an image of the star which shows new fans what the artist looks like.

Here, Millie and I have done a screencastify on this professional website. We analysed her website design, this has helped us to become more familiar with different website designs and especially because she is an R&B artist this will help us and give us different ideas of what to include in out website.

Digipak Draft 2

please click the image to see the rest of the digipak

 

Here is our final digipak product, we kept the same colour scheme and used the same image from our draft one. Millie and I used a filter on the background to help make the circles more prominent and also added a slight grain filter to the front and the back cover which relates back to the R&B genre as when we did our research a lot of album covers included a grain filter on the star and a circle somewhere on the front. We used the name Kalika as we thought it was short, rememberable, edgy and cool like Beyonce the font we used for her name stands out against the two toned colours underneath and also works well with the ‘Shade’ typeface as it is in black and white which attracts our audiences eye.

Furthermore, on the inside left Millie and i decided not to use the images we took in the photoshoot so we found an image with mostly the pink and orange feathers and removed the background and liquified it on photoshop creating a cool liquid effect using one of our images. I placed it in InDesign and layered a few on top of each other and rotated them to make them more interesting. We used the same image for our inside right side although we found it a bit boring so we added more vibrance to it and turned up the brightness and exposure which helped it to pop more inside.

The back cover of our digipak includes a gradual fade from pink to yellow and a grain filter which goes with the front, we did this so it goes well with the front and doesn’t feel like two separate music albums. The text is the same text we used for “Shade” as we think it is clear and easy for our audience to read which helps her songs to stand out.

1 2 3 12