Design for Digital Media Environments – Website Page Designs

As I stated in a previous post I was going to produce sketches of some potential webpages that our website will have. To start with I created some very simple designs. Designs on the left hand side are inspired from websites such as Apple.

IMG_0036

Keeping all boxes centralised and in block form helps created an organised, easy to read and professional style. The only problem being that it’s not the most user-friendly design. For instance, if you wish to access the categories you have to scroll to the bottom of the page.

Designs on the left hand side come from more generic and user-friendly styled websites. Everything the user needs to see is directly in front of them, meaning finding their way around the website becomes far easier. An aspect such as the nav bar will include drop down boxes to further enhance the user’s experience.

IMG_0035One idea that I became fond of during the sketches was the idea of having a live feed in the contacts page. A normally boring page will become far more interesting and also create a continuity throughout the website as other pages will also have live feeds. It is also useful for the user as they will always be in touch with what the website is meant to offer them.

IMG_0034In my final sketch I decided to go a little more in detail. I’ve add certain aspect such as a form in the banner and also adding access to social media. This sketch is also trying to merge the two designs I’ve done earlier. As you can see it keeps its block form but also has the categories in an easy to access position, meaning you keep the style and functionality.

IMG_0037

 

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