bopb - conseil - design internet - jean-christophe carius

15
Jean-Christophe Carius 8, rue Lucien Leuwen 75020 Paris 06 07 58 82 82 [email protected] conseil conception design réalisation Création internet & management web Biarritz Olympique 2009 ÉDITEUR Cap Gemini AGENCE Artcape MISSION conseil, conception DESCRIPTION étude et synthèse d'avant-projet pour le site internet d'un club de rugby international

Upload: newsyntax

Post on 26-Jul-2015

362 views

Category:

Design


0 download

TRANSCRIPT

Page 1: BoPb - conseil - design internet - Jean-Christophe Carius

Jean-Christophe Carius

8, rue Lucien Leuwen 75020 Paris 06 07 58 82 82 [email protected]

conseil conception design réalisation

Création internet & management web

Biarritz Olympique2009

ÉDITEUR Cap Gemini AGENCE Artcape

MISSION conseil, conception

DESCRIPTION étude et synthèse d'avant-projet pour le site internet d'un club de rugby international

Page 2: BoPb - conseil - design internet - Jean-Christophe Carius

Blog Saison 2008-09 LʼÉquipe Le Club Partenaires Aguilera

Blanco

Delmas

Les mots dʼImanol

Les bons motes JLB

Lʼimpératrice et les piliers JPB

Blog YB

Match en direct

Ma compo du BO

Organisateurs

Calendrier

Résultats

Classement

Statistiques

Présentation

Écrire à vos champions

Les Joueurs

Entraînements

Infirmerie

Internationaux

La Vie du club

BO Pays Basque

Rendez-vous

BO Omnisports

Infos Partenaires

Partenaire principal

Partenaires équipementier

Partenaires Premier

Partenaires Privilège

Club des entreprises

Partenaires

Partenaires annonceurs

Le Service partenariat

Plan du stade

Plan d'accès

(Billetterie)

Structuration générale du contenu

Rubriques

Classeurs

Page 3: BoPb - conseil - design internet - Jean-Christophe Carius

UneMatch en direct

Ma compodu BO

Organisateurs

CalendrierRésultats

Classement

Statistiques

Blog

Saison 2008-09

UneAccueil

Animation pré-home

Une

Archives

Accueil

UnePrésentation

Les Joueurs

Entraînements

Infirmerie

Internationaux

Écrire à vos champions

L'Équipe

Page 4: BoPb - conseil - design internet - Jean-Christophe Carius

UnePlan dʼaccès

Plan du stade

Aguilera L'Équipe

Partenaires

UneLa vie du Club

Rendez-vous

BO Omnisport

OrganigrammeHistoriqueSupportadministratifCentre de formationEspoirsSupportersCharte PaysBasqueClubs du pays

Rugby amateurAutres sections

BO Pays Basque

Le Club

UneInfos partenairesPartenaire

principal

Partenaireséquipementier

PartenairesPremier

PartenairesPrivilège

PartenairesannonceursPartenaires

Servicepartenariat

Club des entreprises

Page 5: BoPb - conseil - design internet - Jean-Christophe Carius

Le site se compose dʼune page dʼaccueil générale et de 6 rubriques qui sʼouvrent chacune sur une Une et présentent des classeurs regroupant par thèmes des articles et des objets riches.

UneAccueil

UneRubrique

Page par défaut du classeur

Pages

Principe général

Page 6: BoPb - conseil - design internet - Jean-Christophe Carius

• Accueil• Une de rubriques• Articles regroupés par classeurs

Chaque classeur regroupe selon sa thématique un ensemble dʼarticles qui peuvent contenir des informations dʼordre général, des brèves, des reportages, des témoignages, des données, des galeries dʼimages, des diaporamas, des vidéos, etc. La Une de la rubrique présente des appels vers des articles sélectionnés dans les classeurs quʼelle contient.La Une de lʼaccueil présentent une sélection des articles mis en une dans les 6 rubriques.

3 grands niveaux de navigation

UneAccueil

UneRubrique

ReportageBrèveDiaporama

Infos générales

Données (stats...)

Classeur 1

BrèveSondage

PosterObjetriche

Classeur 2Classeur 3Classeur 4

Page 7: BoPb - conseil - design internet - Jean-Christophe Carius

média

tags articles

Des articles, des média et des tags

Le système repose sur une logique de trois bases interconnectées: 1 base dʼarticles qui contient le corps des informations et leur structuration en rubriques et classeurs, 1 base de média que lʼon incorporent dans les articles et 1 base de tags qui viennent qualifier les articles par de multiples critères et permettent une navigation transversale par le sens dans lʼensemble du site.

Page 8: BoPb - conseil - design internet - Jean-Christophe Carius

Pages

Une de rubrique

Une Accueil

La logique dʼaffichage des articles dans les Unes

Lʼaffichage des articles dans les unes de rubrique et dans la une dʼaccueil répond à des règles automatiques qui peuvent être supplantées par des mises en avant du rédacteur afin de privilégier une information en sʼaffrichissant de la règle pré-établie.

Page 9: BoPb - conseil - design internet - Jean-Christophe Carius

Article par défaut du classeur• Première page de classeur Automatiquement la dernière page publiée ou une page marquée par le rédacteur comme page par défaut du classeur

Articles en Une de rubrique• Appel vers lʼarticle mis en avant principalAutomatiquement le dernier article publié et marqué comme mis en avant dans la rubrique courante, (tous classeurs confondus) ou un article marqué par le rédacteur comme mis en avant principal

• Appel vers les articles mis en avant secondairesAutomatiquement les n derniers articles marqués comme mis en avant, hormis le dernier en date ou celui marqué comme mis en avant principal

Articles en Une dʼaccueil• Appel vers lʼarticle mis en avant principalAutomatiquement le dernier article publié et marqué comme mis en avant (toutes rubriques confondues) ou un article marqué comme mis en avant principal sur la page dʼaccueil

• Appel vers articles mis en avant secondairesAutomatiquement les n derniers articles marqués comme mis en avant (toutes rubriques confondues), hormis le dernier en date ou celui marqué par le rédacteur comme mis en avant principal sur la page dʼaccueil

Brèves en Une de rubrique et d'accueilLes brèves sont automatiquement affichées en Une de rubrique et d'accueil en fonction de leur date de publication. Il est cependant possible au rédacteur de marquer une brève pour qu'elle soit exclue de la page d'accueil lorsqu'il estime que l'information est trop secondaire pour être mise en avant à ce niveau là.

Les règles dʼaffichage en une

Page 10: BoPb - conseil - design internet - Jean-Christophe Carius

Les gabaritsLʼensemble du site sʼarticule sur un principe de 3 gabarits structurels et fonctionnels. Ceci concerne la dimension fondamentale des pages et des variantes de présentation graphique peuvent survenir au niveau du design.

Gabarit de Une Gabarit de la page dʼaccueil du site et des 6 pages de Une des rubriques. Cʼest un gabarit de sommaire contextuel et de ligne éditoriale.

Gabarit dʼarticleGabarit de toutes les pages des classeurs, il contient soit des articles (qui peuvent être des reportages, brèves, diaporamas, vidéos etc.) soit des objets riches (applications interactives Flash).

Gabarit de vueGabarit de tous les listes de résultats de recherche par critères et tags comme par exemple: dernières brèves publiées dans LʼÉquipe, tous les diaporama du site, les vidéos parlant de Serge Blanco, les articles publiés aujourdʼhui...

Page 11: BoPb - conseil - design internet - Jean-Christophe Carius

Menu navigation généraleRubriques et classeurs

Nuage de tags

Contenus chaudsmise en avant principale

Contenus chaudsmises en avant secondaires

Contenus chaudsDernières brèves

Contenus froidsmise en avant principaleex: Objet riche “Suivi de match”

Contenus froidsmises en avant secondairesex: - Tous les Diaporamas- Portrait de joueur- Classement Top 14

Contenus froidsmises en avant niveau 3ex: - Infirmerie- E-cards- Sondages

Pied de pageLogos, contacts...

Services wwwex: - Rss- Bookmark- etc.

Une d'accueil

Les composants du contenu de lʼaccueil sont: 1 appel vers lʼarticle mis en avant principal, n appels vers les articles mis en avant secondaires (précédemment principaux), n appels vers des objets riches mis en avant et n appels vers des raccourcis dans le site et des vues sur lʼinformation.

Page 12: BoPb - conseil - design internet - Jean-Christophe Carius

Menu navigation généraleRubriques et classeurs

Nuage de tagsdans le site entier

Contenus chauds de la rubriquemise en avant principaleContenus chauds de la rubrique mises en avant secondaires

Contenus chauds de la rubriqueDernières brèves

Contenus froids de la rubrique mise en avant principale

Contenus froidsmises en avant secondaires

Choisi dans la rubrique ou dansle site entier

Contenus froidsmises en avant niveau 3

Choisi dans la rubrique ou dansle site entier

Pied de pageLogos, contacts...

Services wwwex: - Rss- Bookmark- etc.

Une de rubrique

Les composants du contenu des Unes de rubrique sont comparables à ceux de lʼaccueil général, mais restreints au contexte de la rubrique courante. La une de rubrique peut cependant également présenter un certain nombre dʼappels rebondissant vers des éléments issus dʼautres rubriques.

Page 13: BoPb - conseil - design internet - Jean-Christophe Carius

Menu navigation généraleRubriques et classeurs

Nuage de tags dans tous le site

Menu de navigation interne au classeur

Contenus froidsmises en avant secondairesChoisi dans la rubrique ou dansle site entier

Contenus froidsmises en avant niveau 3Choisi dans la rubrique ou dansle site entier

Pied de pageLogos, contacts...

ContenuArticleou Objet richeou liste de résultats

Services wwwRss, Bookmark...

Page Contenu

La page de contenu, qui est le gabarit qui gère le dernier niveau de lʼinformation, cʼest-à-dire les articles, présente, lorsque le nombre dʼarticle du classeur est supérieur à 1, un menu de navigation dans le classeur. Il présente également, dans cette zone de navigation propre aux articles, des appels vers des articles permettant de rebondir dans la rubrique courante ou vers dʼautres rubriques.

Page 14: BoPb - conseil - design internet - Jean-Christophe Carius

Titre de lʼarticle

Date de lʼarticle+ lien vers la liste de tous les articles publiés à cette date dans lʼensemble du site

Corps de texte enrichi de lʼarticle

Média de lʼarticleGalerie Photo(s) ou Diaporamaou Vidéoou Audio

Tags associés à lʼarticle de lʼarticle + Liens vers les pages contenant ce tag

Signature de lʼauteur + Liens vers les pages de ce même auteur

Suggestion dʼarticles connexes + LiensNote des lecteurs

Commentaires des lecteurs

Contenu Article

La logique du contenu des articles possède une dimension versatile et permet de créer des pages qui soient orientées soit vers la présentation de textes, soit vers les galeries dʼimages, les diaporamas, les vidéos ou les sons. Hormis le titre, la date et les tags, tous les élements sont facultatifs et suivent des règles dʼempilement pré-établies. La mise en page peut donc varier quelque peu en fonction de la présence ou non des éléments.

Page 15: BoPb - conseil - design internet - Jean-Christophe Carius

Titre de lʼarticle

Date de lʼarticleChapeau de lʼarticleVignette de lʼarticle

Menu de recherche permettant de restreindre la recherche en cours à une rubrique + Navigation par page dans la liste

Navigation par page dans la liste

Contenu Vue - liste de résultats

La logique de contenu des pages listes de résultats, ou pages de vues, reprend le modèle classique de la liste de liens vers des articles distribuée sur plusieurs pages, lorsque cela est nécessaire. Les élements de la liste présentent le titre, la date, un résumé de lʼinformation et éventuellement une vignette. Un menu permet de restreindre la recherche effectuée sur une rubrique ou au contraire de lʼétendre à lʼensemble du site. Dʼautres fonctionnalités dʼaffinage de la recherche peuvent être ajoutées dans lʼavenir, en fonction des besoins des utilisateurs.