||'''Table of Contents'''<
> <>|| == Fridge Needs a New Theme == The Ubuntu News site, aka "the fridge" needs a new look. The site has a lot of untapped potential and a fresh theme could help it achieve that goal. '''You can help!''' == Requirements: == Here are the requirements: === Design === * A new visual appearance, harmonious with the ubuntu website but not *just another ubuntu knock off* * My suggestions would be to stick with the colours and fonts of the ubuntu site but not feel constrained to using the rounded borders with the top right drop down nav * Attractive, people will feel the site is credible * A layout that looks like a news website * Possibly include a special layout for Ubuntu Weekly News, since it is a regular item and has a different format than the other news stories === Content Types === This is the types of content people will view on the site: * News stories * UWN * Events === Blocks === These side-bar items will be shown on the site, this may change over time * Popular content * Syndication/rss * Events * Search * Video podcast == Phase 1: Mockups == === Mockups and Layouts === ==== Smartboyathome's White and Orange ==== [[https://wiki.ubuntu.com/Website/FridgeTheme?action=AttachFile&do=view&target=smartboys-mockup.png|Smartboyathome's Entry]] ==== Ubuntu Drupal Theme ==== [[ http://sd.ubuntu-us.org ]] - I just want to throw out the theme the Ubuntu Drupal team has been creating. This theme has been written very well. Some stylesheets would need to be created for the Fridge and a different banner would need to be created. Perhaps others can build off this theme and create something specifically for the Fridge? ==== Strider's Edit of Smartboyanthome's Mockup ==== [[https://wiki.ubuntu.com/Website/FridgeTheme?action=AttachFile&do=view&target=strider-edited1.png|Strider's Remake]]. I am surely for the Smartboyathome's theme. I have edited it - please see in the link. I intend to make a few changed to it later. The search box looks raw. -- Strider ==== Giant Speck's Beige Mockup ==== [[https://wiki.ubuntu.com/Website/FridgeTheme?action=AttachFile&do=view&target=speckmockup.png|Giant Speck's Entry]] I'm not really good at graphic design, but I came up with something. It's probably too large of a change, but I thought I'd share it anyway. I'll be tweaking it a bit over the next day or so, and I might even try to come up with another one before the deadline, if that's okay. -- Giant Speck ==== tripmxkay's Blue Ground Mockup ==== [[attachment:fridge_mockup.png|tripmckay's Fridge Mockup]] - played a little with all the ideas, mixed them up with mine and here you go. Blue fade background makes the page still feel like 'The Fridge'. As a bonus this differentiates it from the standard Ubuntu pages, too. Maybe the Ubuntu circle should be exchanged with a fridge-logo (possible conflict with the Ubuntu trademark). Tried to stay in sync with some basic Ubuntu pages layout/design (top menu, search bar position, rounded edges), for ease of use and users see, they're still on a Ubuntu page. --tripmckay ==== Sand & Mercury's Entry ==== [[attachment:mockup3.png|Sand & Mercury's Entry]] - I wanted to have a play around with and subtly push the colour palette that currently exists on the fridge site. It's inspired quite a bit by the work Canonical's art team have done with the Jaunty GDM and Usplash themes, where they haven't been afraid to slip in some deep red among the dry browns. Try to ignore the images used; they're just placeholders, I didn't have net access at the time of designing this to grab something more appropriate. :P - Ian McLean ==== Fridge in progress by MadsRH ==== [[attachment:work_in_progress1.jpg|Fridge in progress by MadsRH]] - I spent the evening creating this mockup based on [[http://www.ndeschildre.net/2009/01/10/ubuntu-news-website-mockups/|this ]]. At the moment I'm afraid that I won't find the time to finish it before the 2. April, but I'm uploading my work in progress anyway. -- MadsRH ==== DIY Newspaper by thorwil ==== [[attachment:tw_layout_a.png|{{attachment:tw_layout_a_tn.jpg}}]]<
> [[attachment:tw_layout_a.png|Full size]] [[attachment:tw_layout_b.png|{{attachment:tw_layout_b_tn.jpg}}]]<
> [[attachment:tw_layout_b.png|Full size]] === Graphics === ==== A Fridge by John Crawford ==== [[http://i204.photobucket.com/albums/bb24/johnc4510/Fridge_Logo.jpg|Fridge Icon]] is just a quickie I put together. -- JohnCrawford ==== A Fridge by thorwil ==== [[attachment:tw_fridge.png|A Fridge]] -- [[https://wiki.ubuntu.com/ThorstenWilms|Thorsten Wilms]] ==== Title typefaces by thorwil ==== [[attachment:tw_title_set.png|Sketches for a title]], resembling typefaces used by certain newspapers. -- [[https://wiki.ubuntu.com/ThorstenWilms|Thorsten Wilms]] === Newz's Inspirational Attachments === Here is some inspiration: Fox News has an interesting "latest news" "most read" etc format. This could be used nicely {{attachment:newz-foxnews.png}} The New York Times homepage has way more content this is applicable for the fridge but they have mini-homepages for newspaper sections. Here's the page for baseball which has a pleasing layout that shows one feature item prominently and links to more information on the right. {{attachment:newz-nyt.png}} I like the way NBC's homepage features events on the left side. I also like the way they have a pretty background that isn't distracting but adds a touch of elegance to the site that is otherwise quite busy (it's got a lot of animation). {{attachment:newz-nbc.png}} CNN shows a video block on the top right. Below that is an advert. Imagine instead of an advert the most recent podcast video featured there with other interesting videos listed above it. {{attachment:newz-cnn.png}} Gizmodo's content probably more closely matches the fridge's than any of the other sites and their homepage style would be a nice match for the fridge. {{attachment:newz-gizmodo.png}} This is a mockup of the ''layout'' it's not a design. It lacks the logo area, search box and links to related sites. Presumably these would be along the top. It is made from the pieces of the above sites. {{attachment:newz-fridge-layout.png}} == Phase 2: Tweak design and implement as HTML/CSS == Wait until a theme has been chosen == Phase 3: Drupal theme == Wait until we have HTML/CSS