Wie c1sc0 das erste webdesign Abenteuer antrat

Firmenname

Quantter

Überblick

My name is Francis, I'm the developer half of a startup called Quantter. I love simple designs & great typography. My business partner is Denis & he loves numbers.

We're building an online tool to help normal people track their sports activities & stay motivated. Think running, swimming, cycling. The tool is information-heavy (lots of graphs, numbers, tables) & we need a design expert to make the website really stand out.

You can learn a bit more about who we are and what we do by checking out the following urls:

That last link is a cartoon created by 99designs designer missestudios. This is not the first design contest I did & each time the designers were happy to work with me. I give quick feedback and generally run good competitions.

Don't be afraid to contact me if you have *any* question!

DELIVERABLES:

Format: Nicely layered PSD, ready to hand over to PSD2HTML.

We expect you to design three pages, called "teaser", "about" and "profile". For each page I have attached a wireframe or screenshot.

The profile page should contain a big white (800x400) area where we can do 'our thing'.

Erzählen Sie uns, wer Sie sind und wen Sie erreichen wollen?

Did you check out our website? Did you read the cartoon?

Great! Then you'll understand that our main audience is sports enthousiasts like swimmers, bikers & runners.

We're building a tool for people who want to do sports to stay healthy & need a little help in to stay motivated.

But when you read between the lines (& we expect you to do) then you understood that the idea behind quantter can be applied to many kinds of activities. While a runner could use quantts to count his miles on the asphalt, a student could use quantter to count the pages he crammed.

Your challenge is to make this appealing to our main audience (think sports, think challenges, think motivation) while not alienating the outlier who wants to use quantter to do something unexpected like trainspotting or birdwatching.

This is how Quantter works:

When you do a healthy activity (e.g you run 5km) you collect points. We call those quantts. One quantt is represented by a 'square'. When you do more activities you get rewarded with more 'squares' which you can then tile together to fill a e.g. a large 100x100 area. For each activity you do you can be sponsored to raise money for a charity. That big 100x100 square is then like the million dollar homepage, but for charities.

Anforderungen

We want you to define a unique visual identity for Quantter. We already have our own icon, logo & base color (blue). Everything else is up to you! Go wild!

There is one pattern we would like you to apply creatively in your design: we're using 'squares' or 'bricks' as a visual metaphor to represent a single activity / quantt.

So make your design 'square', but don't make it boring! ;-)

We are using a fixed grid-based layout and are using the BlueTrip framework for that. It is absolutely essential that your design can be easily implemented using BlueTrip, so check out http://bluetrip.org/ before you start designing! The grid is 960px wide.

We believe that designing for mobile devices *first* is essential these days. We expect a large part of our audience to use devices like iPhones & iPads to access the website. This means that we need a design that is touch-friendly (think big, bold icons & buttons) and loads quickly (keep it simple, no unneeded visual distractions).

We want you to define a simple color scheme & stick to it.

This is what quantter should feel like: The pride you feel after running your best 10K ever. Silent exhilaration when you nail that golf shot. The happy exhaustion after a 2-hour swim. The modest buzz you get for having stuck to your training schedule this week. That little word of encouragement your coach gives you after a good workout.