In digital tools, I created a photoshop mock-up for the design of the website. By using the mockup as a template, I was able to create a style tile which helped me transfer my designs onto a somewhat operational website. (see below)
One difficulty I encountered in the mockup to website transfer was the colour palette. Not all the colours in photoshop had a perfect web equivalent.
The colour palette below was what was used for the creation of the Photoshop mockup.
By altering the hex code, I was able to create colours in the final website that resembled the ones used in the mockup.