DOSSIER DE RÉALISATIONS

HUGO STÉPHAN

REPORT OUEST Pure-player étudiant - www.reportouest.frRé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

Croquis préliminaire de la maquette version 2. Classique mais avec l’intention de s’affranchir

des thèmes existants dans la galaxie WordPress.

Capture d’écran de la home version 1. Thème WordPress premium retravaillé au niveau du CSS, épuré au maximum.

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

*(animation de conférence de rédaction, relations extérieures, gestion de la communauté numérique, création de tutoriels et de supports de communication, direction éditoriale et artistique, etc)

Capture d’écran de la home version 2 en cours de construction visible

à cette adresse : http://www.reporto.fr.nf

Home version 2 - Maquette réalisée sous Indesign. Choix d’un traitement par bandeau thématique. Insertion de slider en JS pour les vidéos.

POLISTIQUEUN 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

L IST IQU

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-venu de base. Cette mise en forme permet à 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) importants reliés au revenu de 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

dilennMagazine diffusé à 10 000 exemplaires

sur la commune de LannionProjet é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.

Le choix des visuels de couverture, déclinées à partir d’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éphan06 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.