2. REPORT OUEST
Pure-player étudiant - www.reportouest.fr
Rédacteur en chef - 2013 > 2014
Report Ouest est le webzine des étudiants en
journalisme de l’IUT de Lannion depuis 2010. Terrain
d’expérimentation et d’entraînement auquel j’ai
d’abord adhéré en tant que rédacteur de septembre
2012 à mars 2013. Puis dont j’ai ensuite été élu
directeur de la publication de mars 2013 à mars 2014.
Au-delà de mon rôle de pilote de projet*, mon travail
s’est concentré sur la refonte graphique que j’ai
abordé une première fois en autodidacte en adaptant
le thème Wordpress payant préalablement choisi
par la rédaction (version 1). Insatisfait du résultat,
j’ai réalisé une maquette sous Indesign, adaptée
en thème Wordpress avec l’aide d’un étudiant en
Croquispréliminairedelamaquetteversion2.
Classiquemaisavec l’intentiondes’affranchir
desthèmesexistantsdanslagalaxieWordPress.
Captured’écrandelahomeversion1.
ThèmeWordPresspremiumretravaillé
auniveauduCSS,épuréaumaximum.
informatique (version 2). J’ai toutefois participé à
l’écriture du CSS et supervisé la mise en forme des
différentes pages. Cette version du site n’est pas
finalisée à ce jour.
Dans ce même cadre, j’ai impulsé la création de
dossiers éditoriaux pour lesquels il a fallu utilisé un
Jquery UI et avoir recours à différents outils de mise
en forme de l’information (Timeline Js, Datawrapper,
Infogr.am).
*(animationdeconférencederédaction,relationsextérieures,
gestiondelacommunauténumérique,créationdetutorielsetde
supportsdecommunication,directionéditorialeetartistique,etc)
3. Capture d’écran de la home version 2
en cours de construction visible
à cette adresse : http://www.reporto.fr.nf
Homeversion2-Maquetteréaliséesous
Indesign.Choixd’untraitementparbandeau
thématique.InsertiondesliderenJSpourlesvidéos.
4. POLISTIQUE
UN PURE-PLAYER DE VULGARISATION
DES IDÉES POLITIQUES
PROJET PERSONNEL
Née à Nantes lors de la « Médialab session », un workshop sur
l’innovation média, ce projet de pure-player consiste en la création
et la diffusion de produits d’information à haute valeur ajoutée
reposant sur la vidéo d’animation, la curation et l’infographie.
Axé sur la prospective et les idées politiques innovantes, Polistique
vise à rendre rapidement compréhensible des problématiques
complexes, à vulgariser l’accès à la prospective et au débat poli-
tique en donnant « de la matière », de manière simple et ciblée, aux
publics non-initiés. Au travers de dossier éditoriaux bi-mensuels
portant chacun sur un seul sujet de fond.
Séance de brainstorming autour du business model et du business plan
Les cinqs projets de
la Médialab Session
de juin 2013 ont été
relayé sur Storify par les
étudiants de Sciences
Com.
Première expérience de pitch de projet,une rude épreuve.
Remise en forme via Abizmo,un Canvas intéractif en ligne.
PO
LISTIQU
E
5.
6. POLISTIQUE
BREF MODE D’EMPLOI
L’accueil propose peu de choix et peu de
contenus. Seulement trois dossiers thé-
matiques sont affichés.La première vidéo
explicative est accesible depuis la page
d’accueil.Elle fait office de teaser.
L’espace est découpé de façon à avoir tous
les éléments sur l’écran, sans avoir besoin
de changer de page, pour économiser des
clics.
De gauche à droite : l’index principal, l’in-
dex du dossier avec les différents services,
la nébuleuse du savoir, l’espace de visua-
lisation.
Dans la nébuleuse du savoir, les contenus
sont catégorisés par la taille, la couleur
et le picto de leur puce. Ici, l’utilisateur a
cliqué sur une des 6 vidéos explicatives.
Principale valeur ajoutée du projet, ces
vidéos ont pour objet de contextuali-
ser, vulgariser et présenter les enjeux du
dossier.
1 - Home
2 - Entrée du dossier
3 - Choix d’un contenu
7. L’explorer propose un choix de filtre et
d’angles. Ici en orange, le filtre écono-
mique dessine un chemin de contenus
afin de cerner l’aspect économique du re-
venudebase.Cettemiseenformepermet
à l’utilisateur d’accéder plus rapidement
aux contenus de son choix.
En complément des vidéos et des conte-
nus produit par la rédaction, Polistique
met en place une curation spécialisée à
partir d’outils reconnus comme Storify,
Pearltrees et Scoop IT!
De cette façon, le dossier est toujours vi-
vant, toujours augmenté. Ce service per-
met notamment à l’utlisateur de trouver
d’autres sources, donc d’autres points de
vue.
Un agenda des évènements (conférences,
manifestations, séminaires, émissions de
radios,etc)importantsreliésaurevenude
base est mis à jour régulièrement de fa-
çon automatique et/ou participative.
Un annuaire des différents acteurs pre-
nant part au débat permet aux utilisa-
teurs de rencontrer voir de rejoindre
les acteurs du débat.
4 - Explorer
5 - Comprendre
6 - S’engager
8. dilenn
Magazine diffusé à 10 000 exemplaires
sur la commune de Lannion
Projet étudiant - De février à avril 2014
Réalisé dans le cadre du DUT « information-communication
option journalisme » de l’IUT de Lannion, ces quatres
numéros de Dilenn ont chacun un thème principal : littoral,
éducation,agro-alimentaire,innovation.
Au-delà du travail de rédaction d’article commun à toute
l’équipe, j’ai assuré l’intégralité de la direction artistique
en m’inspirant librement du travail d’Almasty, directeur
artistique d’Usbek & Rica. La maquette, réalisée sous
Indesign,comporte entre 12 et 16 pages en format tabloïd.
Lechoixdesvisuelsdecouverture,déclinéesàpartird’oeuvres
d’arts reconnues, ont demandé une certaine argumentation
auprès de mes encadrants, plus habitués à des Unes
photographiques classiques.
Une du quatrième numéro.Illustration inspirée
du travail de Keith Haring,réalisée par
un étudiant de mon groupe
Dans le sommaire,la rubrique « œuvre de la semaine » présente à
chaque fois l’illustration de la Une.//
Détourage du camion de Banksy,«The Sirens of the Lambs»,
pour illustrer un numéro axé sur l’agro-alimentaire breton.
9. Page extraite d’un dossier sur les municipales,
avec un QR code renvoyant à une page facebook.//
Adaptation de « La Grande Vague de Kanagawa » de Hokusai
pour illustrer le premier numéro sur les dégats du littoral.
Mise en page didactique réalisé pour
le second numéro de Dilenn.//
Détourage et vectorisation brute d’une peinture de
Henri Jules Jean Goeffroy intitulé « La classe des enfants ».
10.
11.
12. Hugo Stéphan
06 42 72 08 05
hugo.stephan28@gmail.com
Double page précédente
Travaux photographiques réalisés à
Reykjavik, New York, Istanbul, Arles, Versailles et Nantes
entre 2010 et 2013.