Monday 14 September 2015

DIG252 - Internet Interactivity Design

For DIG252 - Internet Interactivity Design, we had to create a website that used interactive elements.
"In this unit you will plan, design and execute a website that uses interactive elements to engage the user and enhance your website. Using interactive elements to make your website more dynamic gives you a novel means to engage the user with the topic of the website."
The goal of my website was to market a fictional sports photography business, via the use of an online photography portfolio and a photography “tips” blog. It was presented as a single page parallax website. It was designed to be a primarily black and white-themed website, with colour provided by the photographs themselves. It utilised images taken by my husband, Photoshopped by me.

Interactivity included:
  • Parallax scrolling, which creates the illusion of depth and movement within a website and adds interest to a single-page website.
  • An image slideshow consisting of 4 images which will be displayed individually, at full screen width. The slideshow will automatically progress to the next image, but will also have either an arrow effect, or navigation indicator which enable a user to manually forward or rewind to a different image, if desired.
  • A "scroll down" style arrow on the main page, encouraging users to scroll and activate the parallax experience.
  • An image gallery/portfolio with a hover effect on mouse-over. Clicking on an individual image resulted in a pop up in a lightbox.
I've taken down the live version of my DIG252 project now and obviously it is difficult to show interactivity via a flat image, but here is what the final version looked like:

(Final result was a 79. Not QUITE enough to squeeze into a HD, but very happy!).

**Update: I've put an archive of the site here **


Post a Comment

COMMENTS ON THIS BLOG ARE FULLY MODERATED. If you post a comment with a backlink, it will be marked as Spam and never published.