Website redesign/Mockups/Www.fpo

From FedoraProject

< Website redesign(Difference between revisions)
Jump to: navigation, search
(Header styling)
(Added sources for icons)
 
(11 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)
  
== 1 - Front Page ==
+
Sources for the icons currently in use:
  
[[Image:wwwfpo-redesign-2010_1-frontpage.png | 900px]]
+
[[Media:Wwwfpo-redesign-2010_icons.svg | Download SVG source]]
  
== Header styling ==
+
== 1 - Front Page ==
  
I kept working through this with Sijis. I like the last one best.
+
[[Image:wwwfpo-redesign-2010_1b-frontpage.png | 900px]]
  
=== 1 ===
+
== 2 - About Fedora ==
[[Image:wwwfpo-redesign-2010_frontpage-header1.png | 900px]]
+
  
=== 2 ===
+
== 3 -  Features & Screenshots ==
[[Image:wwwfpo-redesign-2010_frontpage-header2.png | 900px]]
+
  
=== 3 ===
+
[[Image:wwwfpo-redesign-2010_1-features.png | 900px]]
[[Image:wwwfpo-redesign-2010_frontpage-header3.png | 900px]]
+
  
=== 4 ===
+
== 4 - Download ==
[[Image:wwwfpo-redesign-2010_frontpage-header4.png | 900px]]
+
  
=== 5 ===
+
=== Main Download Screen  ===
[[Image:wwwfpo-redesign-2010_frontpage-header5.png | 900px]]
+
[[Image:wwwfpo-redesign-2010_4-download.png | 900px]]
  
=== 6 ===
+
=== Download Splash ===
[[Image:wwwfpo-redesign-2010_frontpage-header6.png | 900px]]
+
[[Image:wwwfpo-redesign-2010_4-download-splash.png | 900px]]
  
=== 7 ===
+
=== Download Tab Template ===
[[Image:wwwfpo-redesign-2010_frontpage-header7.png | 900px]]
+
[[Image:wwwfpo-redesign-2010_4-download-tab.png | 900px]]
  
=== 8 ===
+
== 5 - Help ==
[[Image:wwwfpo-redesign-2010_frontpage-header8.png | 900px]]
+
  
=== 9 ===
+
[[Media:Helpfpo-redesign-2010_mockup1.svg| Inkscape SVG Source]]
[[Image:wwwfpo-redesign-2010_frontpage-header9.png | 900px]]
+
  
=== 10 ===
+
[[Image:Helpfpo-redesign-2010_mockup2.png| 900px]]
[[Image:wwwfpo-redesign-2010_frontpage-header10.png | 900px]]
+
  
=== 11 ===
+
== 6 - Tutorials ==
[[Image:wwwfpo-redesign-2010_frontpage-header11.png | 900px]]
+
  
=== 12 ===
+
[[Image:wwwfpo-redesign-2010_6-tutorials.png| 900px]]
[[Image:wwwfpo-redesign-2010_frontpage-header12.png | 900px]]
+
  
=== 13 ===
+
== 7 - Join/Community ==
[[Image:wwwfpo-redesign-2010_frontpage-header13.png | 900px]]
+
  
=== 14 ===
+
From Jef van Schendel:
[[Image:wwwfpo-redesign-2010_frontpage-header14.png | 900px]]
+
  
=== 15 ===
+
[[Media:wwwfpo-redesign-2010_7-community.svg| Inkscape SVG Source]]
[[Image:wwwfpo-redesign-2010_frontpage-header15.png | 900px]]
+
  
=== 16 ===
 
[[Image:wwwfpo-redesign-2010_frontpage-header16.png | 900px]]
 
  
=== 17 ===
+
[[Image:wwwfpo-redesign-2010_7-community.png| 900px]]
[[Image:wwwfpo-redesign-2010_frontpage-header17.png | 900px]]
+
  
 
== Slideshow Banners ==
 
== Slideshow Banners ==
Line 81: 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

Contents

[edit] Sitemap

Wwwfpo-redesign-2010 sitemap.png

Download SVG source

[edit] Mockups

[edit] 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

[edit] 1 - Front Page

Wwwfpo-redesign-2010 1b-frontpage.png

[edit] 2 - About Fedora

[edit] 3 - Features & Screenshots

Wwwfpo-redesign-2010 1-features.png

[edit] 4 - Download

[edit] Main Download Screen

Wwwfpo-redesign-2010 4-download.png

[edit] Download Splash

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

[edit] Download Tab Template

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

[edit] 5 - Help

Inkscape SVG Source

Helpfpo-redesign-2010 mockup2.png

[edit] 6 - Tutorials

Wwwfpo-redesign-2010 6-tutorials.png

[edit] 7 - Join/Community

From Jef van Schendel:

Inkscape SVG Source


Wwwfpo-redesign-2010 7-community.png

[edit] Slideshow Banners

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

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

[edit] 3 - Features

Wwwfpo-redesign-2010 2-features.png

[edit] Archive Designs

[edit] Content

[edit] Content Review

Owner: Jef van Schendel (Schendje)

[edit] Articles

Owner: Ian MacGregor (ardchoille)

[edit] What makes Fedora different?

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

[edit] Ideas

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

[edit] 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.

[edit] Ideas

[edit] Do It With Fedora

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

[edit] 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)

[edit] Test Plan

  • Needs to work well on netbooks
  • Needs to work well on phones