Construction Post 6: Website Post-Production

We created our website on a website called 'Wix' which proved to be quite challenging because it was really slow and often crashed. However, it allowed us to create all the pages we wanted and put in lots of interactivity opportunities.

The pages we have are:

- Home
- Tour
- Videos + Photos
- Shop
- News

We found a template that had all of these pages and so we used this as our starting point for our website, but changing the layout and images as we went along.

Wix templates

HOME PAGE

For our home page, after doing some research of other artist websites, we decided we wanted to have three sliding pages which promoted our duo in different ways.

Landing Page 1

On the first landing page, the debut album is being promoted and there is an iTunes image that links the viewer to the iTunes store page allowing for interactivity.

Landing Page 2

On the second landing page, there is an image of Mira and Jack at 'God's Own Junkyard' showing the lights behind them to keep to to motif of lights.

Landing Page 3

On the third landing page, there is an image of Mira and Jack with our Instagram feed next to them, allowing for the viewer to keep up to date with MiraJax's social media.

Throughout all of these pages, the logo remains the same and serves as a synergistic device as it can be found on our digipak too. We made this logo on Photoshop by using the line tool and the paint bucket tool. The idea behind the logo stems from the universal boy and girl signs as the duo is made up of both genders, but instead we used their initials and intertwined them. Originally the 'M' was pink and the 'J' was blue, to further emphasise the genders, however, this clashed with the colours on our website, so we changed it to neutral colours of grey and white.

Original logo

Line tool

Paint bucket tool

Along the side of each page we have social media icons which link directly to MiraJax's social media pages, allowing the viewers to see whats going on and keep up to date with new releases and exclusive information.

TOUR PAGE

This page shows the tour dates that MiraJax are playing in the UK and which venues they will be playing in. We wanted to create a live link to the TicketMaster website to allow the viewer purchasing opportunities. To do this, we had to add a link to the TicketMaster that I uploaded to the page.

 It was quite simple to do this. We went on the TicketMaster page and copied the URL and then on the Wix website there is link settings option in which we pasted the URL. We want our audience to have as many opportunities to engage with out artist as possible.

Also on the tour page there is the chance to listen to the new track 'Best Be Believing' before seeing the video itself. Originally this started playing as soon as someone entered the site but after receiving audience feedback, we understood that this was annoying to some people and they wanted to have the control of whether to play the music or not. So now, they have to click the play button in order to hear it.

VIDEOS + PHOTOS PAGE

On this page, the audience can find our 'Best be Believing' video and behind the scenes footage, as well as all our promo shots both in studio and on location. We wanted to incorporate a behind the scenes video to allow the audience to feel like they have insight into the Mira and Jack's lives and to get them excited for the video and tour dates.

Our behind the scenes video

For the photos section, we wanted to allow the images to be enlarged so that the viewer could see them in more detail. To do this on Wix, we had to go to photo settings and choose the option for the photo to pop up.

Photo settings

SHOP PAGE

For our merchandise, we decided to offer canvas bags and jumpers as these are popular amongst our target audience. We edited promo shots onto them of Mira and Jack together and individually. This page was another good chance to offer purchasing opportunities to our audience as they can buy the merchandise from our website.

Shop page

Originally, we had just made a live link to the PayPal page when the viewer clicked the merchandise, but after receiving teacher feedback, we were advised to actually create a purchasing process and a cart for the items. So now, if the viewer clicks on the image, it takes them to a quick view page of the item which then can then add to their cart and pay for via PayPal. 

Quick view for item.

Cart for item.

For the background of our shop page, we wanted to use a moving image and so we took shots from our rushes that we didn't use and merged them with cross dissolves. This make the page more engaging and exciting.

Background for website

NEWS PAGE

This page was difficult to add because it wasn't a part of the template that we used and so we had to put in a link that opened up another page.

We animated the text for this link so that it is visible to the viewer and draws attention to it, enticing them to click the link and see upcoming events and news for MiraJax.

 A couple of the things on our news page are the promotion for our new video and a competition for our fans. The competition allows for the audience to get involved with the artist and feel like they can be a part of something. This interactive opportunity adds excitement to our website and means that our fans feel like they are appreciated.

Ultimately, our website allows for lots of different involvement for our our audience and shows MiraJax to be relatable and reachable by our audience.