Website Process 2

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)


WordPress added a green tint to this picture so the colours are a little off.



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.



Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s