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)

 

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

 

style_tile

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.

screen-shot-2016-10-30-at-11-42-00-am

By altering the hex code, I was able to create colours in the final website that resembled the ones used in the mockup.

 

Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s