SlideShare une entreprise Scribd logo
1  sur  12
Télécharger pour lire hors ligne
DOSSIER DE RÉALISATIONS
HUGO STÉPHAN
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)
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.
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
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
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
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.
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 ».
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.

Contenu connexe

Similaire à Dossier de réalisations

Rapport de stage suez environnement
Rapport de stage suez environnementRapport de stage suez environnement
Rapport de stage suez environnementS'team Management
 
Expérimentation "Tablettes accompagnées"
Expérimentation "Tablettes accompagnées" Expérimentation "Tablettes accompagnées"
Expérimentation "Tablettes accompagnées" Nathalie Caclard
 
L'art de la typographie, d'illustrator à InDesign
L'art de la typographie, d'illustrator à InDesignL'art de la typographie, d'illustrator à InDesign
L'art de la typographie, d'illustrator à InDesignFranck Payen
 
Le design thinking en bibliothèque
Le design thinking en bibliothèqueLe design thinking en bibliothèque
Le design thinking en bibliothèqueGeoffrey Dorne
 
Curriculum-vitae-droit-copie
Curriculum-vitae-droit-copieCurriculum-vitae-droit-copie
Curriculum-vitae-droit-copiePierre FONTAINE
 
Le Test Be Angels - Visme
Le Test Be Angels - VismeLe Test Be Angels - Visme
Le Test Be Angels - VismeBe Angels
 
Synthèse économie-gestion
Synthèse économie-gestionSynthèse économie-gestion
Synthèse économie-gestionAmelieLacan
 
Muséo, le musée au doigt et à l'oeil
Muséo, le musée au doigt et à l'oeil Muséo, le musée au doigt et à l'oeil
Muséo, le musée au doigt et à l'oeil Fabrice Darmon
 
Tutoriel Prezi Classe de 3e
Tutoriel Prezi Classe de 3eTutoriel Prezi Classe de 3e
Tutoriel Prezi Classe de 3eClaire Chignard
 
STAGE CHARGE(E) DE COMMUNICATION « VALORISATION DES CONTENUS DU WORLD FORUM L...
STAGE CHARGE(E) DE COMMUNICATION « VALORISATION DES CONTENUS DU WORLD FORUM L...STAGE CHARGE(E) DE COMMUNICATION « VALORISATION DES CONTENUS DU WORLD FORUM L...
STAGE CHARGE(E) DE COMMUNICATION « VALORISATION DES CONTENUS DU WORLD FORUM L...World Forum Lille
 
CV // Julien Dumail
CV // Julien DumailCV // Julien Dumail
CV // Julien Dumailjuliendumail
 
E-portfolio
E-portfolioE-portfolio
E-portfolio1988mado
 
Blog de chantier et pages Facebook : de nouvelles pratiques de communication ...
Blog de chantier et pages Facebook : de nouvelles pratiques de communication ...Blog de chantier et pages Facebook : de nouvelles pratiques de communication ...
Blog de chantier et pages Facebook : de nouvelles pratiques de communication ...Magalie Le Gall
 
Cv remi fr-en_2016
Cv remi fr-en_2016Cv remi fr-en_2016
Cv remi fr-en_2016rem_pou
 
Rendu final : projet pédagogique 1ère année Ecole Vaucanson - Etude d'opportu...
Rendu final : projet pédagogique 1ère année Ecole Vaucanson - Etude d'opportu...Rendu final : projet pédagogique 1ère année Ecole Vaucanson - Etude d'opportu...
Rendu final : projet pédagogique 1ère année Ecole Vaucanson - Etude d'opportu...PRIMA TERRA
 
Publication multicanal, print, web, mobile et tablette
Publication multicanal, print, web, mobile et tablettePublication multicanal, print, web, mobile et tablette
Publication multicanal, print, web, mobile et tabletteFranck Payen
 

Similaire à Dossier de réalisations (20)

Rapport de stage suez environnement
Rapport de stage suez environnementRapport de stage suez environnement
Rapport de stage suez environnement
 
Expérimentation "Tablettes accompagnées"
Expérimentation "Tablettes accompagnées" Expérimentation "Tablettes accompagnées"
Expérimentation "Tablettes accompagnées"
 
L'art de la typographie, d'illustrator à InDesign
L'art de la typographie, d'illustrator à InDesignL'art de la typographie, d'illustrator à InDesign
L'art de la typographie, d'illustrator à InDesign
 
Catalogue 2012-2013
Catalogue 2012-2013Catalogue 2012-2013
Catalogue 2012-2013
 
Le design thinking en bibliothèque
Le design thinking en bibliothèqueLe design thinking en bibliothèque
Le design thinking en bibliothèque
 
Curriculum-vitae-droit-copie
Curriculum-vitae-droit-copieCurriculum-vitae-droit-copie
Curriculum-vitae-droit-copie
 
Le Test Be Angels - Visme
Le Test Be Angels - VismeLe Test Be Angels - Visme
Le Test Be Angels - Visme
 
Synthèse économie-gestion
Synthèse économie-gestionSynthèse économie-gestion
Synthèse économie-gestion
 
Compte rendu malmo2010
Compte rendu malmo2010Compte rendu malmo2010
Compte rendu malmo2010
 
Muséo, le musée au doigt et à l'oeil
Muséo, le musée au doigt et à l'oeil Muséo, le musée au doigt et à l'oeil
Muséo, le musée au doigt et à l'oeil
 
Tutoriel Prezi Classe de 3e
Tutoriel Prezi Classe de 3eTutoriel Prezi Classe de 3e
Tutoriel Prezi Classe de 3e
 
STAGE CHARGE(E) DE COMMUNICATION « VALORISATION DES CONTENUS DU WORLD FORUM L...
STAGE CHARGE(E) DE COMMUNICATION « VALORISATION DES CONTENUS DU WORLD FORUM L...STAGE CHARGE(E) DE COMMUNICATION « VALORISATION DES CONTENUS DU WORLD FORUM L...
STAGE CHARGE(E) DE COMMUNICATION « VALORISATION DES CONTENUS DU WORLD FORUM L...
 
CV // Julien Dumail
CV // Julien DumailCV // Julien Dumail
CV // Julien Dumail
 
Séance 4 - Publier sur Internet
Séance 4 - Publier sur InternetSéance 4 - Publier sur Internet
Séance 4 - Publier sur Internet
 
E-portfolio
E-portfolioE-portfolio
E-portfolio
 
Blog de chantier et pages Facebook : de nouvelles pratiques de communication ...
Blog de chantier et pages Facebook : de nouvelles pratiques de communication ...Blog de chantier et pages Facebook : de nouvelles pratiques de communication ...
Blog de chantier et pages Facebook : de nouvelles pratiques de communication ...
 
Cv remi fr-en_2016
Cv remi fr-en_2016Cv remi fr-en_2016
Cv remi fr-en_2016
 
Rendu final : projet pédagogique 1ère année Ecole Vaucanson - Etude d'opportu...
Rendu final : projet pédagogique 1ère année Ecole Vaucanson - Etude d'opportu...Rendu final : projet pédagogique 1ère année Ecole Vaucanson - Etude d'opportu...
Rendu final : projet pédagogique 1ère année Ecole Vaucanson - Etude d'opportu...
 
Publication multicanal, print, web, mobile et tablette
Publication multicanal, print, web, mobile et tablettePublication multicanal, print, web, mobile et tablette
Publication multicanal, print, web, mobile et tablette
 
Infographie et e sidoc
Infographie et e sidocInfographie et e sidoc
Infographie et e sidoc
 

Dossier de réalisations

  • 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.