Independent Study in Graphic Design

Jo Ninham

Digital website mock up

Screen Shot 2015-04-25 at 15.59.35 Screen Shot 2015-04-25 at 15.59.38
I have mocked up my two favourite designs from the digital wireframes and added in the content that I think would be included. Both designs would have all of the content on the homepage. The first design doesnt have enough room for the logo as it would just be floating at the top. The second design is alot more free and the logo doesnt seem too out of place, I think the second design is laid out in a much more user friendly way.

I asked 15 different people which website design they preferred and 13 people said the second one and only 2 people said the first.

Screen Shot 2015-04-25 at 15.59.41
I did however after this, realise that there wasnt a need for the scroll down option as all of the content was already visible. I also decided to add a nav bar at the top to make the design as a whole flow better. I really like the subtly of the background, it really shows off the oceany surfer feel without it being too obvious. Having the 3 boxes at the bottom of the page works great and keeps to the boxy layout feel.


One comment on “Digital website mock up

  1. Pingback: All outputs developments and user testing | Independent Study in Graphic Design

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


This entry was posted on March 2, 2015 by in Design Development.
%d bloggers like this: