MaverickCountdownBanner

Differences between revisions 15 and 61 (spanning 46 versions)
Revision 15 as of 2010-08-16 01:53:55
Size: 5259
Editor: adsl-69-109-213-38
Comment: Sorry for all the constant changes/emails :/
Revision 61 as of 2010-08-22 00:24:59
Size: 14022
Editor: 123-212-19-190
Comment:
Deletions are marked like this. Additions are marked like this.
Line 45: Line 45:

==== Even darker ====
{{http://countdown.immanuel-peratoner.de/Maverick/dark/dark-filled-3.png}}
Line 105: Line 108:
My aim is for the countdown to look similar to a calendar and match the guidelines for Ubuntu's color scheme. 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 ====
Line 109: Line 113:
==== coming soon ====
Line 111: Line 116:
==== It's here! ====
Line 113: Line 119:
[[http://cassidyjames.com/blog/index.php?post=50|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>
}}}
Line 116: Line 126:
=== David Hamm's Design === === Wonder Bread ===
Line 120: Line 130:
[[https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&amp;do=get&amp;target=Panic.xcf.tar.bz2|Download GimpXfc File]] [[https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&amp;do=get&amp;target=1010.tar.gz|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 :(

==== Contact ====

dancemeep@gmail.com

=== 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 [[http://upinthesky.net/ubuntucounter/|here]], fetch a Package [[http://upinthesky.net/ubuntucounter/ubuntucounter.tar.gz|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 ===

 *[[http://ubuntuone.com/p/CzS/|Color variation 1]]
 *[[http://ubuntuone.com/p/CzT/|Color variation 2]]
 *[[http://ubuntuone.com/p/CzU/|Color variation 3]]
 *[[http://ubuntuone.com/p/CzV/|Color variation 4]]
 *[[http://ubuntuone.com/p/CzW/|Color variation 5]]
 *[[http://ubuntuone.com/p/CzX/|Color variation 6]]
 *[[http://ubuntuone.com/p/CzY/|Color variation 7]]
 *[[http://ubuntuone.com/p/CzZ/|Color variation 8]]
 *[[http://ubuntuone.com/p/Cza/|Color variation 9]]
 *[[http://ubuntuone.com/p/Czb/|Color variation 10]]

[[https://wiki.ubuntu.com/bognarandras|Contact]]

=== internauta2000 Design ===

This is my simple concept for the Ubuntu 10.10 Countdown.

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

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

==== It's here image ====
{{https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=CountdownBanner-4.png}}

==== Contact information ====
[[http://internauta2000.deviantart.com|Website]] - [[internauta2000@gmail.com|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%2010.10%20Countdown/maverick-days-count.png}}

==== last day image ====
{{http://dl.dropbox.com/u/125611/Ubuntu%2010.10%20Countdown/maverick-last-day-count.png}}

==== coming soon image ====
{{http://dl.dropbox.com/u/125611/Ubuntu%2010.10%20Countdown/maverick-coming-soon.png}}

==== it's here image ====
{{http://dl.dropbox.com/u/125611/Ubuntu%2010.10%20Countdown/maverick-it%27s-here.png}}

[[goce.mitevski@gmail.com|Contact e-mail]]

=== Thorwil's ===

[[https://code.launchpad.net/~t-w-/+junk/countdown_10-10|Both designs on Launchpad]]

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

==== Circles ====

{{attachment:countdown_10-10_circles_draft.png}}

==== People ====

{{attachment: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}}

contact: desgua@gmail.com

=== Koichi Akabe's Design ===

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

{{attachment: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.

{{attachment:ubuntu-banner-mc-1.png}}

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

{{attachment:ubuntu-banner-mc-2.png}}

Contact Info: [[http://martincesare.com.ar|Website]] - [[mirkkotiko@gmail.com|Email]]

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

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

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

Days left image

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

It's here image

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

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

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 two more ideas. Less orange! Smile :) I like these ones a bit better, but they are still very simple.

ubuntu-banner-mc-2.png

Contact Info: Website - Email

Website/MaverickCountdownBanner (last edited 2017-11-23 11:18:58 by eee-0392)