We Deliver – a 24hr project

6 February 2010| 10 Comments| Print

I’ve been meaning to do something sporadic and creative for a while now but have never got around to it until now. I decided to challenge myself to build a site (wedeliver.papermashup.com) in under 24hrs from concept and design through to development. The site is a silly idea based on a simple delivery website with the twist of allowing users to deliver their precious package by an animal of their choice, much like we did in the war with carrier pigeons. I started by working out the exact user experience and quickly decided on having a single page site that has three steps, once you complete one step the page scrolls down with JavaScript to reveal the next step and so on.

The Design

Once the basic concept was established I started with a brand and logo, I had already decided on the name ‘We Deliver’ so I chose a typeface and style and developed the brand for the site. The logo and type very much influenced the tone of voice for the project. Minimalist, modern, with a simple user experience.

Visit the site

You can check out the site here. Im always inspired by the fun mini projects that Carsonified do as well as other viral campaigns like the work of Poke London. As a designer and developer I think it’s important to challenge yourself sometimes and it’s the best way to learn new techniques. I’ve never built an e-commerce site before not that this project is, however it gave me an insight into using jQuery to calculate the number of products as well as dynamically working out the exchange rate to show the total price in GBP.


Share:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • StumbleUpon
  • Google Bookmarks
  • DZone
  • Reddit
  • Netvibes

10 Comments

  • Sid

    Beautiful stuff. Kudos for managing to get it done in 24 hours.

  • Ashley

    @Sid, thanks for the comment and kudos, much appreciated!

  • Ahmad

    Ashley,

    Turned out to be great. Love the AJAX implementation for the order’s option selection.

  • name

    Nicely done !

    Looks very clean and nice and the JS Effects are not too much !

  • Adam Smith

    slick UI/UX.

    A tutorial on the steps you used to make this would be awesome. Let me know if you ever write it up (or better yet, screen cast it! :)

  • Ashley

    @Adam thanks for the feedback. I’ll look into putting something together soon.

  • Sunil Arora

    Hey Ashley!

    I liked this concept of 24hr project. You are doing some inspiring work.
    Regarding ‘we deliver’, I liked the smooth transition with guiding the user through step-1-2-3.

    Recently I also completed a project http://www.yoitsfriday.com [which took 4 weekends :) ]

    looking forward to see more from you. just subscribed to your twitter!
    cheers

  • Ashley

    @Sunil thanks for the Kudos I’m looking at writing a Tut on how I did ‘we deliver’ just need to find the time! Well done with your project also it looks great.

  • Krai

    Inspiring me to develop online order like that

  • easypoll a side project | Papermashup.com

    [...] do a little project like wedeliver you can read about the adventure I had building the 24hr project here. This project on the other hand probably took about 24hrs to complete but I built it over a few [...]

Leave a comment...

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled site. To get your own globally-recognized-avatar, register at Gravatar.

Your Ad Here