Once the project scope was finalised and the key objectives identified, I began working on wire-frame layouts using Balsamiq. Wire-framing allowed me to quickly draft and rationalise the layout and UX/UI of the website. Once approved by the client, I could move on to the more time-consuming full design stage. As you can see from the home page wire-frame shown here, some of the content blocks didn’t make it into the final design, keeping the focus purely on the competition and the prizes. Finally, I used Adobe Photoshop to create the final full designs.

As with most projects, this site was designed to be responsive and I used the Bootstrap framework to ensure the wire-frames and final designs were fully compliant.

All of the prize images were sourced from Shutterstock photo library and the main campaign super-graphic (the coconut football etc.) is a composition made up of various photos.