Création de site internet vitrine - Création de webdesign / logiciels libres pour créer des applications web.

Brief créatif

Image Profile

Chef de projet

Alexandre

Type de projet
SITE VITRINE (DESIGN) MULTI
Date
Date de lancement du projet

9 mai 2011 05:15

Début de la phase de création

9 mai 2011 05:15

Début de la phase de vote

24 mai 2011 05:15

CONTEXTE DU PROJET

Ocsigen est un ensemble de logiciels visant à fournir aux programmeurs de nouvelles façons de faire des applications Web (style facebook ou gmail) beaucoup plus simple à concevoir et plus fiables qu'avec les outils couramment employés.

Pour la sortie de la version 2, nous souhaitons donner une image plus professionnelle à notre site web en créant une charte graphique qui utilise notre nouveau logo.

Notre site web regroupe les pages de plusieurs logiciels, organisées en projets indépendant. Aujourd'hui, le contenu de chaque projet est principalement constitué de pages de documentation (manuel d'utilisation et référence technique). Le site devrait de plus en plus devenir un point de rencontre et d'échange entre développeurs et utilisateurs (wiki, forum, système de suivi de bug, historique...).

Pour le concours, nous attendons:
- La page d'accueil principale.
- Le gabarit d'une page de manuel d'un projet, par exemple :
-- http://ocsigen.org/eliom/manual/basics

Pour le gagnant, nous demanderons en plus:
- Un gabarit de page d'accueil spécifique pour un projet.
- Les pages de références techniques, par exemple :
-- http://ocsigen.org/lwt/api/Lwt

La page d'accueil principale a une structure propre comprenant notamment notre logo, un fil d'actualité, et des accès rapides aux documentations et aux pages de téléchargement des différents projets.

Les trois autres pages ont une structure commune, contenant notamment deux menus et le logo du projet (qui est une variante du logo général) et ses couleurs. Ces pages seront utilisées pour tous les projets et doivent permettre d'identifier rapidement à quel projet appartient la page actuelle.

Vous trouverez en pièce jointe :
Le zoning, les éléments visuels et les textes.

Informations générales
NOM DE SOCIÉTÉ

Ocsigen

COURTE DESCRIPTION DU CONCOURS (2-3 LIGNES)

Ocsigen est un ensemble de logiciels visant à fournir aux programmeurs de nouvelles façons de faire des applications Web (style facebook ou gmail) beaucoup plus simple à concevoir et plus fiables qu'avec les outils couramment employés.

Pour la sortie de la version 2, nous souhaitons donner une image plus professionnelle à notre site web en créant une charte graphique qui utilise notre nouveau logo.

Notre site web regroupe les pages de plusieurs logiciels, organisées en projets indépendant. Aujourd'hui, le contenu de chaque projet est principalement constitué de pages de documentation (manuel d'utilisation et référence technique). Le site devrait de plus en plus devenir un point de rencontre et d'échange entre développeurs et utilisateurs (wiki, forum, système de suivi de bug, historique...).

Pour le concours, nous attendons:
- La page d'accueil principale.
- Le gabarit d'une page de manuel d'un projet, par exemple :
-- http://ocsigen.org/eliom/manual/basics

Pour le gagnant, nous demanderons en plus:
- Un gabarit de page d'accueil spécifique pour un projet.
- Les pages de références techniques, par exemple :
-- http://ocsigen.org/lwt/api/Lwt

La page d'accueil principale a une structure propre comprenant notamment notre logo, un fil d'actualité, et des accès rapides aux documentations et aux pages de téléchargement des différents projets.

Les trois autres pages ont une structure commune, contenant notamment deux menus et le logo du projet (qui est une variante du logo général) et ses couleurs. Ces pages seront utilisées pour tous les projets et doivent permettre d'identifier rapidement à quel projet appartient la page actuelle.

Vous trouverez en pièce jointe :
Le zoning, les éléments visuels et les textes.

Annonceur
SITE INTERNET ACTUEL :

http://ocsigen.org/

SON HISTORIQUE, SES CHIFFRES CLÉS, SON SECTEUR D'ACTIVITÉS, SES SERVICES, SA CLIENTÈLE :

Ocsigen est un regroupement de projets logiciels tous dédiés aux programmeurs de sites comme facebook, twitter, gmail, google maps etc. Il fournit des solutions très originales pour améliorer grandement la fiabilité d'une application Web.

Ses concurrents sont par exemple : Adobe flash player, Ruby on rails, Google Web Toolkit,...

Le projet a débuté en 2004 et la version 1 est sortie en 2008. Il s'est rapidement créé une communauté de développeurs partout dans le monde autour du projet qui participent à son amélioration au travers d'une liste de diffusion ou de réunions annuelles de développeurs.

EXISTE-T-IL UNE CHARTE GRAPHIQUE ? (SI OUI DÉCRIVEZ LA CI-DESSOUS, OU POSTEZ LA SUR LE FORUM DÉDIÉ)

Il n'existe pas encore de charte graphique, mis-à-part:
- le logo ayant gagné le précédent concours,
- les variations spécifiques de ce logo pour chacun

Objectifs
QUEL EST L'OBJECTIF DU SITE (NOTORIÉTÉ, IMAGE, VENTE, INFORMATIF) ?

Le site a un triple objectif :

- permettre la promotion de l'ensemble des logiciels produits par la communauté de développeurs Ocsigen ;
- fournir une documentation technique et des tutoriels pour les programmeurs utilisant nos logiciels ;
- de plus en plus le site devrait devenir un point de rencontre et d'échange entre développeurs et utilisateurs.

A QUELLE CIBLE S'ADRESSE LE SITE ?

Le site s'adresse à des programmeurs et des entreprises spécialisées dans le développement logiciel, ainsi qu'à des laboratoires de recherche (décideurs, jeunes actifs et étudiants). Nous souhaitons donner envie à des entreprises d'utiliser notre technologie.

Support
QUELLE DOIT ÊTRE LA RÉSOLUTION MINIMALE D'AFFICHAGE DU SITE (800*600 / 1024*768) ?

Nous souhaitons un design de largeur fixe 980px, mais le fond peut s'étendre au delà de cette limite. Sur les écrans large, le contenu sera centrée.

QUELLES PAGES DOIVENT ÊTRE FOURNIES POUR LA MAQUETTE (ACCUEIL, DÉTAIL D'UN ARTICLE, FORMULAIRE DE CONTACT)?

- la page d'accueil principale ;
- un gabarit pour le site d'un projet, dont :
--- un gabarit de page de manuel ;
--- la page d'accueil du projet (demandé seulement au gagnant du concours);
--- un gabarit de page de références techniques (demandé seulement au gagnant du concours).

QUELS SERONT LES TYPES DE CONTENUS DE LA HOME (ARTICLES, REMONTÉE DE TITRES D'ACTUALITÉ, PROMOTION PUBLICITAIRE…) ET LES MENUS QUI LA COMPOSENT ?

Le fichier attaché Zoning.pdf détaille les éléments attendus pour chacune des pages demandées et propose des exemples de contenu.

La page d'accueil doit contenir:

- Notre logo. (Note: la partie "draw our logo yourself" du site actuel est évidemment temporaire et ne doit pas être reprise !)
- 4 à 6 éléments principaux correspondant aux projets mis en avant. Ils contiennent le nom du projet, une présentation succincte (en une ou deux phrases). Au même niveau, un accès à une page décrivant l'ensemble des projets du site.
- Un accès direct à la documentation et à une page de téléchargement.
- Une zone de nouvelles à durée de vie courte.
- Un ensemble d'informations à durée de vie plus longue qui ne sont pas datées.
- Les crédits et logos des organismes qui nous finançent.

Le gabarit des pages spécifiques d'un projet (page d'accueil d'un projet et page de manuel et de référence) doit contenir, une partie commune composée de:

- Le logo du projet.
- Un menu de navigation entre les principaux projets, vers la liste des projets et vers la page d'accueil.
- Un menu de navigation à l'intérieur des pages du projet.

La page d'accueil d'un projet doit contenir en plus de la partie commune:

- Un texte de présentation détaillée du projet.
- Des accès à la documentation et à la page de téléchargement.
- La liste des nouvelles et des informations spécifiques au projet.

Ces éléments peuvent reprendre le style de la page d'accueil du site ; éventuellement en adaptant les couleurs à celle du logo du projet.

Le gabarit de page de manuel doit contenir en plus de la partie commune :

- Un menu correspondant au sommaire de la documentation du projet.
- Un menu correspondant au sommaire détaillé de la page actuelle.
- Et le contenu documentaire lui-même. Les différents éléments pouvant constituer le corps d'une page de manuel (titres, sous-titres, encadrés, exemples de code...) sont décrits dans le fichier Zoning.pdf.

Exemple de page :
- http://ocsigen.org/eliom/manual/basics
- http://ocsigen.org/tutorial/tutorial1

Le gabarit de page de références techniques doit contenir en plus de la partie commune :

- Un menu correspondant au sommaire de la documentation du projet (identique à celui du manuel)
- Et le contenu documentaire lui-même. Certains des éléments constituant le corps de page de références techniques sont communs aux éléments des pages de manuel (titre et sous-titres). Les éléments spécifiques (liste de fonctions suivies de leur description, ...) sont décrits dans le fichier 'Zoning.pdf'.

Exemple de page :
- http://ocsigen.org/lwt/api/Lwt

SOUHAITEZ-VOUS UNE MISE EN FORME PARTICULIÈRE (NOMBRE DE COLONNES, ENTÊTE ET PIED DE PAGE, NOMBRE DE RUBRIQUES) ?

Aucune contrainte de mise-en-forme. Le zoning est donné à titre indicatif mais peut être adapté et modifié à condition que tous les éléments soient présents.

AUTRES CONTRAINTES (RÉUTILISATION OU NON DE LA CHARTE GRAPHIQUE ACTUELLE, CODE COULEURS À RESPECTER, COULEURS À ÉVITER, EMPLACEMENT PUBLICITAIRES…)

Les couleurs choisies doivent s'harmoniser avec les couleurs du nouveau logo: voir pour cela les fichiers Charte_graphique_logo.png et Logos_ocsigen.zip.

Dans les pages spécifiques à un projet, il doit être simple d'identifier le projet auquel appartient la page. L'utilisation d'un code couleur suivant le dégradé de couleurs du logo du projet est une possibilité, mais n'est pas obligatoire. Nous devons pouvoir faire adapter le style pour les projets à venir (notamment nouvelles couleurs).

Le choix des polices est libre ; mais pour le contenu, les menus et les titres des pages de documentation, les polices utilisées doivent être disponibles dans l'un des formats suivants : TTF (Raw TrueType file), WOFF (Web-only file format), EOT Lite, EOT Compressed, SVG, SVGZ. De préférence le premier.

Pour plus d'informations sur ces formats, voir:
http://www.html5rocks.com/tutorials/webfonts/quick/

Pour des catalogues de police à ces formats, voir par exemple:
http://www.fontsquirrel.com/fontface
http://www.fontshop.com/
http://www.fontspring.com/

Nous attendons des fichiers aux formats PSD ou XCF (the gimp), mode RVB. Les calques doivent y être nommés avec des noms explicites, et organisés dans des répertoires. Nous devons être capables de modifier les textes : i.e. les calques de type « texte » ne devront pas être « écrasés ». Il en est de même avec les effets applicables sur les calques.

20/05/2011 09:40
Bonjour, Comme vous avez pu le constater, nous avons décidé de prolonger le concours de 5 jours dans le but d'avoir plus de propositions. Vous trouverez ci-dessous les remarques et commentaires du client sur le concours : - Dans les pages spécifiques à un projet, nous préférons voir le logo de projet plutôt que celui d'Ocsigen. - Page d'accueil: "Boites" documentation et téléchargement. Ils doivent contenir chacun au moins deux liens (En gras dans le zoning). Et pas uniquement un lien "More information". Les icônes proposées sont globalement bien. - Ne pas s'interdire l'utilisation d'éléments dynamiques, p.e. : menu déroulant, boîte redimensionnable (pour voir le contenu complet d'une news). - Pour le menu de la documentation: le menu étant assez grand, il est appréciable de plus faire resortir les titres de "section" par rapport au lien. Au minimum le premier niveau (Eliom, Server API, Client API), et éventuellement le deuxième niveau lorsqu'il y a un troisième niveau (p.e "Services creation and manipulation", "Client/server communication", etc.) car ce sont des titres et non des liens. - Le logo "Paris Diderot" s'utilise verticalement. Cordialement, L'équipe Ocsigen & Creads