We Deliver – a 24hr project

We Deliver – a 24hr project

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.

This entry was posted in Blogging, CSS, Design, Javascript, Social Media, Web Tools, headline, jQuery and tagged , , , , . Bookmark the permalink.
Comments
10 discussions around We Deliver – a 24hr project
  1. Sid says:

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

  2. Ashley says:

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

  3. Ahmad says:

    Ashley,

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

  4. name says:

    Nicely done !

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

  5. Adam Smith says:

    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! :)

  6. Ashley says:

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

  7. Sunil Arora says:

    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

  8. Ashley says:

    @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.

  9. Krai says:

    Inspiring me to develop online order like that

  10. Pingback: easypoll a side project | Papermashup.com

Leave a Reply

Your email address will not be published. Required fields are marked *

*

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

Subscribers
1,250
Twitter
510
Comments
1,207
Posts
125