From Fedora Project Wiki
(Added sources for icons)
 
(12 intermediate revisions by 2 users not shown)
Line 11: Line 11:
All sources are in this file:
All sources are in this file:


[[Media:wwwfpo-redesign-2010_mockup.svg | Download SVG source]] (last updated 1 Aug 2010)
[[Media:wwwfpo-redesign-2010_mockup.svg | Download SVG source]] (last updated 23 Aug 2010)
 
Sources for the icons currently in use:
 
[[Media:Wwwfpo-redesign-2010_icons.svg | Download SVG source]]


== 1 - Front Page ==
== 1 - Front Page ==


[[Image:wwwfpo-redesign-2010_1-frontpage.png | 900px]]
[[Image:wwwfpo-redesign-2010_1b-frontpage.png | 900px]]


== Header styling ==
== 2 - About Fedora ==


I kept working through this with Sijis. I like the last one best.
== 3 -  Features & Screenshots ==


=== 1 ===
[[Image:wwwfpo-redesign-2010_1-features.png | 900px]]
[[Image:wwwfpo-redesign-2010_frontpage-header1.png | 900px]]


=== 2 ===
== 4 - Download ==
[[Image:wwwfpo-redesign-2010_frontpage-header2.png | 900px]]


=== 3 ===
=== Main Download Screen  ===
[[Image:wwwfpo-redesign-2010_frontpage-header3.png | 900px]]
[[Image:wwwfpo-redesign-2010_4-download.png | 900px]]


=== 4 ===
=== Download Splash ===
[[Image:wwwfpo-redesign-2010_frontpage-header4.png | 900px]]
[[Image:wwwfpo-redesign-2010_4-download-splash.png | 900px]]


=== 5 ===
=== Download Tab Template ===
[[Image:wwwfpo-redesign-2010_frontpage-header5.png | 900px]]
[[Image:wwwfpo-redesign-2010_4-download-tab.png | 900px]]


=== 6 ===
== 5 - Help ==
[[Image:wwwfpo-redesign-2010_frontpage-header6.png | 900px]]


=== 7 ===
[[Media:Helpfpo-redesign-2010_mockup1.svg| Inkscape SVG Source]]
[[Image:wwwfpo-redesign-2010_frontpage-header7.png | 900px]]


=== 8 ===
[[Image:Helpfpo-redesign-2010_mockup2.png| 900px]]
[[Image:wwwfpo-redesign-2010_frontpage-header8.png | 900px]]


=== 9 ===
== 6 - Tutorials ==
[[Image:wwwfpo-redesign-2010_frontpage-header9.png | 900px]]


=== 10 ===
[[Image:wwwfpo-redesign-2010_6-tutorials.png| 900px]]
[[Image:wwwfpo-redesign-2010_frontpage-header10.png | 900px]]


=== 11 ===
== 7 - Join/Community ==
[[Image:wwwfpo-redesign-2010_frontpage-header11.png | 900px]]


=== 12 ===
From Jef van Schendel:
[[Image:wwwfpo-redesign-2010_frontpage-header12.png | 900px]]


=== 13 ===
[[Media:wwwfpo-redesign-2010_7-community.svg| Inkscape SVG Source]]
[[Image:wwwfpo-redesign-2010_frontpage-header13.png | 900px]]


=== 14 ===
[[Image:wwwfpo-redesign-2010_frontpage-header14.png | 900px]]


=== 15 ===
[[Image:wwwfpo-redesign-2010_7-community.png| 900px]]
[[Image:wwwfpo-redesign-2010_frontpage-header15.png | 900px]]
 
=== 16 ===
[[Image:wwwfpo-redesign-2010_frontpage-header16.png | 900px]]


== Slideshow Banners ==
== Slideshow Banners ==
Line 78: Line 66:


[[Image:wwwfpo-redesign-2010_2-features.png | 900px]]
[[Image:wwwfpo-redesign-2010_2-features.png | 900px]]
= Archive Designs =
* [[Website_redesign/Mockups/Www.fpo/Header_Mockups | Header mockup iterations]]
* [[Media:wwwfpo-redesign-2010_1-frontpage.png | Pld draft of front page]] - users felt it was too corporate so the current one goes for a less corporate feel with more vivid colors and user photos


= Content =
= Content =

Latest revision as of 14:52, 28 October 2010

Sitemap

Wwwfpo-redesign-2010 sitemap.png

Download SVG source

Mockups

Sources

All sources are in this file:

Download SVG source (last updated 23 Aug 2010)

Sources for the icons currently in use:

Download SVG source

1 - Front Page

Wwwfpo-redesign-2010 1b-frontpage.png

2 - About Fedora

3 - Features & Screenshots

Wwwfpo-redesign-2010 1-features.png

4 - Download

Main Download Screen

Wwwfpo-redesign-2010 4-download.png

Download Splash

Wwwfpo-redesign-2010 4-download-splash.png

Download Tab Template

Wwwfpo-redesign-2010 4-download-tab.png

5 - Help

Inkscape SVG Source

Helpfpo-redesign-2010 mockup2.png

6 - Tutorials

Wwwfpo-redesign-2010 6-tutorials.png

7 - Join/Community

From Jef van Schendel:

Inkscape SVG Source


Wwwfpo-redesign-2010 7-community.png

Slideshow Banners

To give an idea of what kind of content could go in the slideshow:

Wwwfpo-redesign-2010 1-frontpage-slideshow.png

3 - Features

Wwwfpo-redesign-2010 2-features.png

Archive Designs

Content

Content Review

Owner: Jef van Schendel (Schendje)

Articles

Owner: Ian MacGregor (ardchoille)

What makes Fedora different?

To show how Fedora & FLOSS in general are better technologically, differentiates it from other distros and OSes. Done Content Completed

Ideas

  • Secure from the core up Done Content Completed
  • Fedora includes new technologies Done Content Completed

Your Life on Fedora / User Interviews

Interviews of actual Fedora users from different fields - maybe a student, a developer, a mom, etc. talking about how they use Fedora in their work, maybe with sidebars/highlights of the best-of-breed apps these users recommend.

Ideas

Do It With Fedora

Kind of a crafty category, showing off fun projects you can make using Fedora, with a tutorial to accompany it.

Ideas

  • Build beautiful color palettes for your home and wardrobe Agave Tutorial Completed
  • Automatically upload your files to a backup drive every week (crontab)
  • Access your favorite apps with one click custom desktop launchers Tutorial Completed
  • Decorate your desktop with family photos (Gimp tutorial)
  • Get organized and build a personal database Gnote Tutorial Completed
  • Turn your friends into the Hulk! (Cheese)

Test Plan

  • Needs to work well on netbooks
  • Needs to work well on phones
Retrieved from "https://fedoraproject.org/w/index.php?title=Website_redesign/Mockups/Www.fpo&oldid=204476"