MaverickCountdownBanner

Revision 79 as of 2010-08-24 16:16:11

Clear message

Countdown banners for Ubuntu 10.10

Post your ideas for a countdown banner here. Guidelines are:

  • width: 180px
  • height: 150px
  • optimized png, gif or jpg, or

  • iframe containing interactive content (using static html, css, js and images - no PHP)
  • no flash - must work perfectly with only free software

A successful implementation will countdown the days from the Beta to final release. This means 38 images numbered 38 - 1 plus one for day 0 that says "coming soon" and one more that says "it's here" (40 images total).

For reference see the JauntyCountdownBanners

Post your drafts and mock-ups here along with any extra information you feel is useful then send a message to the web presence team mailing list so we can discuss it.

A few of the best will be selected to be syndicated from www.ubuntu.com/getubuntu/countdown and one of the best that harmonizes well with the Ubuntu website colors and look will be shown on the Ubuntu.com homepage.

Extra ideas

Last time we featured a Facebook block. If you have ideas for seeing this enhanced, please discuss them on the mailing list.

We've also produced animated iframe countdowns in the past - I think this would be awesome to do again.

And if you want, we can get really innovative - how about an Android widget? What other cool stuff can we do?

Submissions

Post your mock-ups and ideas here. Make sure there's enough detail so that we can contact you!

Immanuel Peratoner's Design

Mark Shuttleworth announced that Ubuntu 10.10 will be "social from the start". I thought this can be very well represented by speech bubbles. Here are some versions with different shades. My personal favorite is the darkest variant.

Dark

http://countdown.immanuel-peratoner.de/Maverick/dark/dark-shadowed-1.png http://countdown.immanuel-peratoner.de/Maverick/dark/dark-filled-1.png

Darker

http://countdown.immanuel-peratoner.de/Maverick/dark/dark-shadowed-2.png http://countdown.immanuel-peratoner.de/Maverick/dark/dark-filled-2.png

Even darker

http://countdown.immanuel-peratoner.de/Maverick/dark/dark-filled-3.png

Draft for the "it's here" image

http://countdown.immanuel-peratoner.de/Maverick/itshere-draft.png

Contact information: Website

David Laurell's simple design

This design aims to be as simple and like the Ubuntu site's design as possible. Feel free to change it to your liking. It is rendered in a HTML5 canvas element so Javascript and a modern browser is needed to view it.

Because the banner is rendered by javascript, it works with any date before and after the release.

http://daverix.net/maverickcountdown/canvas.png

View it in action or embed it using this code:

<iframe src="http://daverix.net/maverickcountdown/iframe.html" frameborder="0" width="180" height="150"></iframe>

Contact information: david@laurell.nu

Tom Marshall's Design

Inspired by Immanuel Peratoner's design, a circle of friends say the time remaining until release. I have made three variations:

Purple

http://img198.imageshack.us/img198/5062/purplebanner.png

Purple with orange

http://img251.imageshack.us/img251/643/purpleorangebanner.png

Orange

http://img696.imageshack.us/img696/6404/orangebannerr.png

Contact information: Tom.ME.Marshall@gmail.com

Adam Sawyers' Design

Created using some official graphics from the website and GIMP. I though it went very nicely with the official website's color scheme. I also have a .xcf file which I will upload if there is enough interest.

X days left

http://img230.imageshack.us/img230/6085/countdowng.png

Coming soon

http://img840.imageshack.us/img840/1272/countdowncomingsoon.png

Contact information: pacarama@gmail.com

Alejandro Rojas' Design

The purpose of this design is to be concrete, just to show exactly what people want to know about the new release.

X days left

http://i.imgur.com/sIb0m.png

It's Here!

http://i.imgur.com/LgHPB.png

Contact info: Blvr.81@gmail.com

Cassidy James' 10.10 Calendar Design

My aim is for the countdown to look similar to a calendar and match the guidelines for Ubuntu's color scheme. Since I have it live now, it displays "Coming Soon" until the 38 day mark.

x days until 10.10

http://cassidyjames.com/downloads/maverick-countdown-cassidyjames-22.png

coming soon

http://cassidyjames.com/downloads/maverick-countdown-cassidyjames-soon.png

It's here!

http://cassidyjames.com/downloads/maverick-countdown-cassidyjames-here.png

View it in action or embed it using this code:

<iframe src="http://cassidyjames.com/downloads/maverick-iframe.html" frameborder="0" width="180" height="150"></iframe>

Contact information: email@cassidyjames.com

Wonder Bread

1010.png

Download GimpXfc Files

MrAndrejak's 10.10 Countdown Idea

From my 4+ years now of using Ubuntu as my only OS, one thing Ive come to the conclusion of is this... Ubuntu is fun! and I wanted to express that in my design idea. Hope everyone likes it!

http://www.iheartubuntu.com/1010meerkat301.png

http://www.iheartubuntu.com/1010meerkat151.png

http://www.iheartubuntu.com/1010meerkatsocial1.png

http://www.iheartubuntu.com/1010meerkatitshere1.png

and a more simple alt version of the last two...

http://www.iheartubuntu.com/1010meerkatcome1.png

Contact information: mrandrzejak [at] gmail [dot] com

Anthony Scarth's Design Idea

This is my concept for the Ubuntu 10.10 Countdown. It has a simple orange and white theme to integrate well with the main website. It is only an idea and can be adjusted if necessary. Feel free to comment on the designs, all feedback is much appreciated.

Draft

  • https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=Ubuntu+Countdown+Banner+32.png

    https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=Ubuntu+Countdown+Banner+4.png

    https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=Ubuntu+Countdown+Banner+Coming.png

Alternative Designs

  • https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=Ubuntu+Countdown+Banner+32+Alt.png

    https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=Ubuntu+Countdown+Banner+4+Alt.png

Contact information: maroubal2@gmail.com

Callum Saunders's Idea

Pretty similiar idea to Anthony above, with the difference that mine is based on the interface of Ubuntu 10.10, trying to stay close to the theme colours and looks and using the Ubuntu font. An instant idea of what to expect from 10.10. Comments/suggestions/improvements welcome!

Draft Images

  • http://i38.tinypic.com/sce0i1.png http://i38.tinypic.com/eq7wg.png

Draft Images Updated

  • http://i35.tinypic.com/zkhnxh.png http://i37.tinypic.com/2whikg8.png http://i33.tinypic.com/2uf3ybo.png

Dark Countdown

Keeping it simple and elegant.

  • http://i33.tinypic.com/2w21xjt.png http://i37.tinypic.com/15xppug.png http://i37.tinypic.com/2egbtb9.png

Dark Countdown Updated

  • http://i34.tinypic.com/53qlvs.png http://i35.tinypic.com/344bips.png http://i35.tinypic.com/2eo8mtw.png

Help!

Would really appreciate it if anyone could suggest the best way to turn my images into a countdown. I'm a n00b Sad :(

Contact

dancemeep@gmail.com

Comments

* It's the best!

Joern Konopka's Entry

One more can't hurt i think. The Banner received some eye-candy CSS Treatment which should be downgrading gracefully according to the Browser, please tell me if you see any Problems. You can check out a live demo right here here, fetch a Package here and see a Screenshot right here:

http://upinthesky.net/ubuntucounter/screen.png

Contact

cldx3000@gmail.com

Waqas Q's Ideas

Just a few designs I came up with

http://i34.tinypic.com/200v60z.jpg

http://i38.tinypic.com/ezlh11.jpg

http://i35.tinypic.com/b9ewwh.jpg

http://i36.tinypic.com/2i1mgdc.jpg

http://i38.tinypic.com/f9lg2f.jpg

Contact

wakas88@gmail.com

András Bognár's design

Contact

internauta2000 Design

This is my simple concept for the Ubuntu 10.10 Countdown.

Coming soon image option 1

https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=CountdownBanner-2.png

or Coming soon image option 2

https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=CountdownBanner-3.png

Days left image

https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=CountdownBanner-1.png

It's here image option 1

https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=CountdownBanner-4.png

or It's here image option 2

https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=CountdownBanner-5.png

View Countdown Banner in action:

View Banner

or Embed using this code:

<iframe src="http://automatismos2.freehostia.com/CountdownBanner.html" frameborder="0" width="180" height="150"></iframe>

Contact information

Website - email

Goce Mitevski's Design

This concept promotes the latest Ubuntu release as an album release called "Maverick Meerkat" by Ubuntu as the artist.

days left image

http://dl.dropbox.com/u/125611/Ubuntu 10.10 Countdown/maverick-days-count.png

last day image

http://dl.dropbox.com/u/125611/Ubuntu 10.10 Countdown/maverick-last-day-count.png

coming soon image

http://dl.dropbox.com/u/125611/Ubuntu 10.10 Countdown/maverick-coming-soon.png

it's here image

http://dl.dropbox.com/u/125611/Ubuntu 10.10 Countdown/maverick-it's-here.png

Contact e-mail

Thorwil's

Both designs on Launchpad

Thorsten Wilms | t_w_@freenet.de | http://thorwil.wordpress.com

Circles

countdown_10-10_circles_draft.png

People

countdown_10-10_people_draft.png

Will need some work to get the clone-trooper feel out.

Telecan Dan's Design

Unity

This design is inspired by the fact that Ubuntu gather people together. Every day people get together to form an Ubuntu logo. Finally all community get together to make possible the release of Ubuntu 10.10 Maverick Meerkat.

http://a.imageshack.us/img6/668/unity38.png http://a.imageshack.us/img824/1237/unity19.png

http://a.imageshack.us/img691/405/unity18.png http://a.imageshack.us/img810/3725/unity17.png

http://a.imageshack.us/img442/2936/unity00.png http://a.imageshack.us/img834/2236/unity001010.png

another version with rounded corners:

http://a.imageshack.us/img838/8299/unity19round.png

The Chain

In this design is represented a human chain that leads to final release of Ubuntu 10.10 Maverick Meerkat.

http://a.imageshack.us/img295/707/chian38.png http://a.imageshack.us/img227/649/chian19.png

http://a.imageshack.us/img580/5281/chian18.png http://a.imageshack.us/img197/1157/chian17.png

http://a.imageshack.us/img693/1298/chian00.png http://a.imageshack.us/img710/8690/chian001010png.png

another version with rounded corners:

http://a.imageshack.us/img265/1927/chain19round.png

Contact info: dantelecan@gmail.com

desgua's draft

This is a draft of a psychiatrist from Brazil:

http://dl.dropbox.com/u/4098082/final2.png

This is another draft:

http://dl.dropbox.com/u/4098082/a.png

http://dl.dropbox.com/u/4098082/b.png

http://dl.dropbox.com/u/4098082/c.png

Yet another idea:

http://dl.dropbox.com/u/4098082/1.png (30 days left)

http://dl.dropbox.com/u/4098082/2.png (29 days left)

http://dl.dropbox.com/u/4098082/3.png (27 days left)

http://dl.dropbox.com/u/4098082/4.png (24 days left)

http://dl.dropbox.com/u/4098082/5.png (It's here)

contact: desgua@gmail.com

Koichi Akabe's Design

This is my idea. The meerkat will meet some animals (Heron, Ibex, Jackalope, Koara and Lynx).

animals.png

contact: vbkaisetsu@gmail.com

Martín Césare's Mockup

These are just 3 variations of the same idea. Still needs some work on general padding, typography and weigh distribution. My favorite is the third one, although I'm not sure about not including the Ubuntu isotype for the days countdown.

What I don't like about the first set is the elements distribution. And about the second set, I dislike having two Ubuntu isotypes on the "coming soon" and "it's here" banners.

ubuntu-banner-mc-1.png

These are four more ideas. Less orange! Smile :) I like these ones a bit better, but they are still very simple.

Edit: I've updated the first set (below) with and "improved" version and I've added two more sets. I specially like the "coming soon" banner (of the last set).

ubuntu-banner-mc-3.png

Muscovy's Designs

Here's my first idea. Like many other banners, an emphasis on social.

Source will be attached for all designs.

muscovy_design1_30.png

Perfect 10 Design

Somewhere I read a comment about Maverick being a "Perfect 10" and that phrase is the slogan of my design.

jBaer_BannerDays.png

jBaer_BannerToday.png

jBaer_BannerHere.png

I'm flexible on the phasing but the phase "available in", "available soon", and "available now" added a consistency I liked.

JohnBaer

Quesh's Mockup

I suggest a cartoon bubble type speech-bubble as presented in the guidelines

whithout button

http://www.quesh.fr/ftpublic/ubuntu/ubuntu_1010/ubuntu_compteur_1010_sans_42.png http://www.quesh.fr/ftpublic/ubuntu/ubuntu_1010/ubuntu_compteur_1010_sans_07.png http://www.quesh.fr/ftpublic/ubuntu/ubuntu_1010/ubuntu_compteur_1010_sans_soon.png http://www.quesh.fr/ftpublic/ubuntu/ubuntu_1010/ubuntu_compteur_1010_sans_here.png

whit button

http://www.quesh.fr/ftpublic/ubuntu/ubuntu_1010/ubuntu_compteur_1010_avec_42.png http://www.quesh.fr/ftpublic/ubuntu/ubuntu_1010/ubuntu_compteur_1010_avec_07.png http://www.quesh.fr/ftpublic/ubuntu/ubuntu_1010/ubuntu_compteur_1010_avec_soon.png http://www.quesh.fr/ftpublic/ubuntu/ubuntu_1010/ubuntu_compteur_1010_avec_here.png

soon, 125x125 for wordpress widget

contact : https://wiki.ubuntu.com/quesh

blog : http://blog.quesh.fr/2010/08/compteurs-maverick/