Created with:
Photoshop
Taking inspiration from the desktop ClearSmoke eCommerce website, I designed the concept for the mobile experience.
My goal was to present the user with a streamlined interface, including large buttons tailored specifically for touch.
I also wanted to take into account the large variety of screen sizes and resolutions, so I designed the site with a fluid layout in mind.
Created with:
Photoshop, Illustrator, InDesign, HTML, CSS, Javascript (jQuery, FBJS), PHP, mySQL
Bras N Things Next Model was a competition designed to launch Bras N Things' Facebook page with a bang. It was a multi-channel effort - spanning a microsite, Facebook app, eDMs and in-store print material.
I was tasked with designing and developing these elements, while working with our account managers to ensure the competition hit the mark.
The voting mechanic in particular was given a great deal of thought in order to capitalise on the viral nature of social media. I used a work-around to allow us to use the (then new) Facebook 'Like' button as the voting button - meaning that any vote given would be pushed to that user's profile. This would be spread to friends of this user via their News Feed, thereby creating a rudimentary viral spread.
After 10 weeks of the competition running, we had achieved over 42,000 Likes - making it the fastest growing page of any Australian retailer.
Created with:
Photoshop
A freelance project commissioned by the children's charity Barnardo's to highlight the situation of child poverty in the United Kingdom.
Created with:
Photoshop
The Wardrobe Stylist is a concept for a data-driven online clothing store. The idea behind it was that based on past purchases, the back-end of the site would be able to recommend clothing to you, and the Wardrobe Stylist would be a front-end to link that to customers.
Created with:
Photoshop
MyTeam is a concept for an online community based around local sport. The idea came from a frustration with the organisation of local sporting clubs. Since most of these clubs have no money to create a functional website, the MyTeam website would do most of the heavy lifting for them - providing clubs, players, coaches and supporters a unified solution to finding information about local sport - across age-groups and codes.
Users would register themselves with the site, and assign themselves to their local team as a player, coach or supporter. Once assigned to a team, they can add information like upcoming matches, recent results and so on. The site would track achievements of users based on their participation levels - encouraging them to get more involved with their team and club.
The site would be tied to a brand, or many brands in order to serve up contextually relevant advertising, as well as providing a place to spend the points earned by using the service.
Created with:
Photoshop, HTML, CSS
Created with:
Photoshop
Created with:
Processing (Java)
Dream A Little Dream was my final studio project while at uni. The brief for the project was to explore autopoiesis by creating an environment that would benefit from human interaction, but could also exist when this human element is removed. We were also required to use a Wiimote as the method for interaction.
To remove any confusion that may have stemmed from a device like the Wiimote - “Which button do I press?” - we placed ours inside a plush ball. Users instinctively know how to play with a ball, either by themselves or as a group, so this decision gave us simplicity as well as a means for collaboration.
The concept for the installation was based around the different forms of control and perception experienced while dreaming. Context for the dreaming environment is presented on-screen via written poetry, where the letters and words shift based on the movements and interactions of the user(s). Different levels of movement will move the installation through three states, where the user's perception and control of the environment is altered.
The project was a collaboration between myself and three other students - though in the examples given here I have removed additional elements that I wasn't responsible for. These included a fog system, and a dynamic heartbeat.
Created with:
HTML, CSS, JavaScript (jQuery)
This site came from a desire to learn more about using AJAX, and processing JSON objects from a range of sources.
In all of a sudden, I search Twitter with a range of search strings, filtering the results to ensure quality. These Tweets are then sent to Flickr as search strings, to return a somewhat relevant image. Rather than pulling a high-res image I use the thumbnail, which stretches into a great pixel aesthetic.
I also made use of the Facebook Like button. I wanted to experiment with making its placement more subtle, so the button is only revealed for each page when the user moves to interact with the This is great button.
Created with:
Photoshop
Arena Books is a mock-brand used to demonstrate concepts and technology to new clients in a real-world setting. In this case, it was used to create a demonstration microsite for an online bookstore. Were it to be built, this site would be the front-end to a powerful CMS that would use information such as demographics and purchase history to tailor most, if not all of the content for each user specifically. Because of this, great care was taken to allow for content areas to be expanded without leaving the site with the appearance of being broken.
Created with:
Illustrator
Created with:
Photoshop, Maya
This was an experiment where I attempted to bring a page from the Digg website into 3D. When desaturated, screenshots from the site were mapped to a flat plane as a displacement map, giving it depth.
This was done a while ago and I've since moved over to reddit - sorry Kevin...
