MaverickCountdownBanner
|
Size: 13157
Comment:
|
Size: 17697
Comment:
|
| Deletions are marked like this. | Additions are marked like this. |
| Line 155: | Line 155: |
| ==== Images ==== | ==== Draft ==== |
| Line 165: | Line 165: |
| Another design with a shadow under the banner and an embossed effect on the numbers | ==== Alternative Designs ==== |
| Line 169: | Line 169: |
| {{https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=Ubuntu+Countdown+Banner+4+Alt.png}} |
|
| Line 171: | Line 173: |
| === 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}} |
=== Callum Saunders's Design === All images available in a tarball @ https://docs.google.com/uc?id=0B_2rRVQ8ce_kZmJiYzk2OTUtN2Y4YS00MmVlLTg5MjEtYjcyZDVmOWZjZTcy&export=download&authkey=CLanu6MC&hl=en |
| Line 184: | Line 178: |
{{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 :( |
_____ ...days to go: {{http://i35.tinypic.com/2n1z9uf.png}} {{http://i35.tinypic.com/voxvno.png}} out now: {{http://i33.tinypic.com/280jczs.png}} or {{http://i38.tinypic.com/2vio2ee.png}} ==== View It Now! ==== http://infected-studios.com/meep/ubuntucountdown.html ==== Embed Code ==== {{{ <iframe src="http://infected-studios.com/meep/ubuntucountdown.html" frameborder="0" width="180" height="150"></iframe> }}} |
| Line 198: | Line 198: |
| ==== Comments ==== * It's the best! |
|
| Line 239: | Line 242: |
| === Orlando Luna Design === | === internauta2000 Design === |
| Line 242: | Line 245: |
==== 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}} |
|
| Line 246: | Line 255: |
| ==== Coming soon image ==== {{https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=CountdownBanner-2.png}} ==== or Coming soon image ==== {{https://wiki.ubuntu.com/Website/MaverickCountdownBanner?action=AttachFile&do=get&target=CountdownBanner-3.png}} ==== It's here image ==== |
==== It's here image option 1 ==== |
| Line 254: | Line 257: |
==== 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: ==== [[http://automatismos2.freehostia.com/CountdownBanner.html|View Banner]] ==== or Embed using this code: ==== {{{ <iframe src="http://automatismos2.freehostia.com/CountdownBanner.html" frameborder="0" width="180" height="150"></iframe> }}} |
|
| Line 307: | Line 321: |
| another version with rounded corners: {{http://a.imageshack.us/img838/8299/unity19round.png}} |
|
| Line 324: | Line 335: |
| another version with rounded corners: {{http://a.imageshack.us/img265/1927/chain19round.png}} |
|
| Line 332: | Line 340: |
| This is a draft of a psychiatrist from Brazil | My first idea: |
| Line 336: | Line 344: |
| 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) The Perfect 10: This is the year of the World Cup. Pelé is the greatest footballer of all time: http://en.wikipedia.org/wiki/Pelé and he is the number 10 shirt. {{http://dl.dropbox.com/u/4098082/1a.png}} {{http://dl.dropbox.com/u/4098082/2a.png}} |
|
| Line 337: | Line 378: |
=== 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 Mockups === I've replaced my previous uploads with these 4 sets. The first one has two color variations. I prefer the second one, but i know the colors are not so Ubuntu. {{attachment:ubuntu-banner-mc-4.png}} The second and third set are very orange! Both of them have a "progress bar" that changes as the days go by. Probably, my least favorites sets. {{attachment:ubuntu-banner-mc-5.png}} And my fourth mockup is based on the new Ubuntu Wallpaper. The idea behind this design was to replace the Ubuntu logo for the countdown, so I've chosen the official wallpaper for 10.10 and created a mini look-a-like for the banner. It shows a few problems with the lower "orange dot" (on the last two banners). This set was somehow inspired by the amazing set created by Alejandro Rojas (on this wiki, as well). {{attachment:ubuntu-banner-mc-6.png}} Contact Info: [[http://martincesare.com.ar|Website]] - [[martincesare@gmail.com|Email]] PS: didn't mention this before but everything was created using Inkscape. === Muscovy's Designs === Here's my designs. Like many other banners, an emphasis on social. Source is attached for all designs. {{attachment:muscovy_design1_30.png}} {{attachment:muscovy_design2_30.png}} This one is a redesign of Adam Sawyer's. {{attachment:muscovy_design3_30.png}} {{attachment:muscovy_design3_here.png}} === Perfect 10 Design === Somewhere I read a comment about Maverick being a "Perfect 10" and that phrase is the slogan of my design. {{attachment:jBaer_BannerDays.png}} {{attachment:jBaer_BannerToday.png}} {{attachment: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 === Border-less Design === This design is targeted to a web site or blog with a white background and is based on a text-message concept featuring no borders. {{attachment:jBaer_WhiteBannerDays.png}} {{attachment:jBaer_WhiteBannerToday.png}} {{attachment:jBaer_WhiteBannerHere.png}} Again, I'm flexible on the phasing. :) JohnBaer === Quesh's Mockup === I suggest a cartoon bubble type speech-bubble as presented in the guidelines without 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}} with 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/ === Star Wars Mockup by daqwid2727 === ===== 33 days left ===== {{http://a.yfrog.com/img831/3553/33days.png}} ===== coming soon ===== {{http://a.yfrog.com/img96/9091/comingsoondo.png}} ===== it's here ===== {{http://a.yfrog.com/img197/5918/sherepng.png}} by daqwid2727 Contact: dawid.dubanosow@gmail.com (best if I could speak Polish or alternatively in English) |
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
Darker
Even darker
Draft for the "it's here" image
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.
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
Purple with orange
Orange
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
Coming soon
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
It's Here!
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
coming soon
It's here!
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
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!
and a more simple alt version of the last two...
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
Alternative Designs
Contact information: maroubal2@gmail.com
Callum Saunders's Design
All images available in a tarball @ https://docs.google.com/uc?id=0B_2rRVQ8ce_kZmJiYzk2OTUtN2Y4YS00MmVlLTg5MjEtYjcyZDVmOWZjZTcy&export=download&authkey=CLanu6MC&hl=en
Dark Countdown
Keeping it simple and elegant. _
...days to go:
- out now:
or 
View It Now!
http://infected-studios.com/meep/ubuntucountdown.html
Embed Code
<iframe src="http://infected-studios.com/meep/ubuntucountdown.html" frameborder="0" width="180" height="150"></iframe>
Contact
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:
Contact
Waqas Q's Ideas
Just a few designs I came up with
Contact
András Bognár's design
internauta2000 Design
This is my simple concept for the Ubuntu 10.10 Countdown.
Coming soon image option 1
or Coming soon image option 2
Days left image
It's here image option 1
or It's here image option 2
View Countdown Banner in action:
or Embed using this code:
<iframe src="http://automatismos2.freehostia.com/CountdownBanner.html" frameborder="0" width="180" height="150"></iframe>
Contact information
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
last day image
coming soon image
it's here image
Thorwil's
Thorsten Wilms | t_w_@freenet.de | http://thorwil.wordpress.com
Circles
People
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.
The Chain
In this design is represented a human chain that leads to final release of Ubuntu 10.10 Maverick Meerkat.
Contact info: dantelecan@gmail.com
desgua's draft
My first idea:
This is another draft:
Yet another idea:
(30 days left)
(29 days left)
(27 days left)
(24 days left)
(It's here)
The Perfect 10:
This is the year of the World Cup. Pelé is the greatest footballer of all time: http://en.wikipedia.org/wiki/Pelé and he is the number 10 shirt.
contact: desgua@gmail.com
Koichi Akabe's Design
This is my idea. The meerkat will meet some animals (Heron, Ibex, Jackalope, Koara and Lynx).
contact: vbkaisetsu@gmail.com
Martín Césare's Mockups
I've replaced my previous uploads with these 4 sets.
The first one has two color variations. I prefer the second one, but i know the colors are not so Ubuntu.
The second and third set are very orange! Both of them have a "progress bar" that changes as the days go by. Probably, my least favorites sets.
And my fourth mockup is based on the new Ubuntu Wallpaper. The idea behind this design was to replace the Ubuntu logo for the countdown, so I've chosen the official wallpaper for 10.10 and created a mini look-a-like for the banner. It shows a few problems with the lower "orange dot" (on the last two banners). This set was somehow inspired by the amazing set created by Alejandro Rojas (on this wiki, as well).
PS: didn't mention this before but everything was created using Inkscape.
Muscovy's Designs
Here's my designs. Like many other banners, an emphasis on social.
Source is attached for all designs.
This one is a redesign of Adam Sawyer's.
Perfect 10 Design
Somewhere I read a comment about Maverick being a "Perfect 10" and that phrase is the slogan of my design.
I'm flexible on the phasing but the phase "available in", "available soon", and "available now" added a consistency I liked.
Border-less Design
This design is targeted to a web site or blog with a white background and is based on a text-message concept featuring no borders.
Again, I'm flexible on the phasing. 
Quesh's Mockup
I suggest a cartoon bubble type speech-bubble as presented in the guidelines
without button
with button
soon, 125x125 for wordpress widget
contact : https://wiki.ubuntu.com/quesh
blog : http://blog.quesh.fr/2010/08/compteurs-maverick/
Star Wars Mockup by daqwid2727
33 days left
coming soon
it's here
by daqwid2727
Contact: dawid.dubanosow@gmail.com (best if I could speak Polish or alternatively in English)
Website/MaverickCountdownBanner (last edited 2017-11-23 11:18:58 by eee-0392)