Aran Island's Energy Project - Rich User Experience Animated Landing Page
Single page scrolling - The site is designed as a journey. It automates navigation, reduces confusion, purifies the experience.
Visual Affordance - Navigation points are embedded on the Islands themselves.
Affordance Techniques - Design that directs attention, provides feedback, and 'cues' the user are all part of the experience.
I personally took all the pictures in the website's Photo Gallery... http://aranenergyproject.com/gallery.html
Animation Engineering - Audio interview with video track playing as the background.
Aran Island's Energy Project - Avril Ni Shearcaigh: Energy Co-operative
Affordance Technique - Audio plays with visual appeal. It shows what is left to play.
360° Video Navigation - Content selections change by rotating the 360° video.
Easy-to-use bullet navigation give guests the option to view the next slide or scroll down to the next section.
Aran Island's Energy Project - Energy Efficient Buildings
Java Script Animations - Turning bullet points into animated learning opportunities.
Graphic Design - An assortment of pastels mixes cleanly with our 'green' design strategy.
gLike
AranEnergyProject.com - Rich User Experience Site Techniques
My team of developed this site for the Aran Island's Renewable Energy Project. We met with the directors of the project on the Aran Islands and we collected a plethora of media ourselves. Our team snapped high-res photos, shot video, recorded 360° videos, and recorded audio all on-site (Inishmore Island). Our design initiative began when we returned. We had gathered more than 80GB of media and our aim was to combine them in innovative ways to create a Rich User Experience.
Note the many complex animations our team envisioned and programmed - all designed to keep visitors engaged.
Available
Freelance, Full-time, Moonlighting
Robert Hayes
UX Strategist | Product Director
Boston, MA