Website Process 3

When started my final website design I originally used a copy of the Grey box prototype. I began by filling the homepage of the website with pictures I had previously created for the digital tools website mock-up.

Screen Shot 2016-11-15 at 8.14.09 PM.png

It didn’t take long to realize that some alterations would have to be made to correct the distortion of the pictures.

Because we had not yet learned responsive web design, I decide to create a new website document that used a fixed 960px grid (similar to the photoshop mock-up).

With the grid in place, all elements could be properly spaced and no stretching of pictures would occur. Screen Shot 2016-11-15 at 8.27.29 PM.png

The image above is a screenshot of the homepage of the website (zoomed out 50%).

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