Créateur de Contenu Digital


Design is an art.
It is the art of forgetting everything to start over again.

Rewind
Nom : Rewind
Phone : +33 6 47 94 63 32
Email : yannprodesign@gmail.com
Adresse : Avignon, France
Dribbble : rewind
Codepen : yannrewind

Services

  • WEB DESIGN

    Conception d'interfaces claires
    Ergonomie
    Accessibilité
    Référencement naturel et SEO
    Marketing

  • ILLUSTRATION

    logos
    Affiches
    Bannières
    Enseignes
    Infographies

  • UI/UX

    Définition de personna
    Mobile first
    Affordance
    Zoning
    Wireframe
    Mock-up
    Interaction
    Design Thinking
    Test

  • RESPONSIVE

    Ordinateur
    Tablette
    Smartphone

  • MOTION DESIGN

    After effects
    Animate CC
    Animation SVG
    Cinema4D

  • FRONT END

    Html
    Css
    Javascript
    Power Point - Keynote

Experience

  • Chef de projet e-commerce

    Depuis 2020

    Apiculture.net


    Gestion de projets Web + ERP : rédaction du cahier des charges Prestashop 1.7 / Odoo interface entre l’agence dev et les équipes internes, Audits UX.
    Management agile (SCRUM).
    Pilotage : contrôle des délais, budgets et qualité (recettes et tests).
    Communication digitale : créations de visuels et motions SMO (RS) & shooting produits.
    Marketing digital : gestion des prestataires SEO & SEA, segmentations & inbound marketing.
    Campagnes emailings et suivi des KPI + ROI, GA4.

  • Designer UX Freelance

    2019

    Balm Habitat


    DA
    Création logo & charte graphique.
    Création interfaces Adobe XD.
    Intégration front HTML/CSS/JS Wordpress.
    SEO & SEA.
    Accompagnement SMO.
    Print: supports de communication (cartes de visite, flyers).

  • Designer UX Freelance

    2019

    Cermix


    Refonte des interfaces ERP Adobe XD.
    Intégration front HTML/CSS/JS.
    A/B Testing.
    Création graphique digitale.
    Marketing digital.
    Gestion de projets digitaux.

  • Designer UX free

    2018

    Pellenc


    DA UX/UI
    Création interfaces Adobe XD.
    Intégration & dev front.
    Gestion BO Wordpress
    SEO & SEA.
    Gestion de projets.

  • Designer Graphique free

    Printemps 2018

    Agence Périscope Clermont-ferrand


    DA.
    Création de contenu digital (SMO).
    Compositing PS.
    Communication SMO.
    Design graphique AI.

  • Créateur de contenu digital

    Fin 2017-2018

    Soun Prod


    Remise en forme de Slides Power Point/Keynote.
    Création Graphique évènementielle.
    Copywritting & Mise en page.
    Graphisme & compositing.
    Création de contenu graphique (AI, PS).

  • Designer & Créateur de contenu

    Depuis 2017

    Rewind Design


    UI/UX.
    Création de contenu.
    Création/Refonte d'identité visuelle.
    Intégration web front.
    Animation SVG.
    Design Graphique.
    Gestion CMS (Wordpress, Prestashop).

  • Intégrateur front

    2017

    ABonline solutuions


    Refonte du design CRM Initiative.
    UX / UI.
    A/B testing.
    SEO.
    Intégration web front Wordpress.
    Animation SVG.
    Design graphique.

  • Webmarketer e-commerce

    2008 - 2015

    Rossi


    - Gestion du Prestashop 1.5.
    - Création Fiches produits, règles paniers, MAJ modules.
    - Gestion des fournisseurs.
    - Web Marketing (bannières, newsletters).
    - SEO & SEA.
    - SMO.

Skills

HTML 5
CSS 4
JAVASCRIPT
Photoshop
Illustrator
Adobe XD
After Effects
Indesign
Cinema4D
PPT - Keynote

Education

  • Novembre 2017

    UX design : les fondamentaux & Atelier

    OpenClassrooms, Paris


  • 2016 - 2017

    Designer Web

    Grande Ecole du Numérique, Avignon


  • 2005 - 2007

    Designer Habitat

    Domaxel, Paris


  • 2002 - 2004

    Bac Commerce

    Victor Hugo, Carpentras


User Experience

Ici un projet UX réalisé avec une équipe de Designers et de Développeurs pour un site dédié à un jeu grandeur nature de survie avec des zombies.

image

Mindmap

La phase de recherche

Dans cette première étape du process, la première chose à faire était de recueillir les besoins et les attentes du client. Un bon point pour moi j'étais complètement novice dans l'univers du jeu grandeur nature, ce qui m'a permis de ne pas tomber dans le "je fais ce que j'aime" et qui m'a aussi permis d'avoir un regard d'enfant face aux besoins des utilisateurs. Dans un deuxième temps, on a commencé mes recherches en essayant de m'imprégner de cette culture. Du visionnage de séries aux jeux vidéos sur les zombies en passant par les forums de discussion concernant les jeux grandeur nature je suis peu à peu à mieux comprendre cette culture. Enfin on a pu mettre en place ma Mindmap pour vraiment nous donner une vision d'ensemble et nous faire un guide pour nos futurs entretiens utilisateurs.

image

Personas

Établir des profils utilisateurs

Le projet s'est poursuivi ici avec plusieurs séances d'entretien utilisateurs. Le but étant de comprendre leurs besoins et cerner leurs profils. Une fois les entretiens finis, nous avons pu établir nos trois personas en fonction de trois profils utilisateurs. Le premier profil est le premier "extrême", celui qui aura une utilsation fréquente du produit. Le deuxième est l'inverse du premier donc le second "extrême" qui lui n'utilisera trés peu ou même qu'une seule fois le produit. Enfin le dernier profil est à mi-chemin entre les deux ce qui fait de lui aussi un profil important.

image

Storyboard

Mettre en scène l'expérience utilisateur

Le storyboard nous a permis de mettre en scène l'expérience utilisateur. On l'a decliné en 6 planches en partant d'une situation de départ relative à un besooin, un désir ou même un problème qui ensuite laisse place à une mise en scène dans le but d'accomplir une tâche pour enfin arriver à une situation de résolution synonyme de satisfaction.

image

Maquette Mobile

Itérer et concevoir la maquette graphique

Dans cette dernière étape, nous avons conçus la maquette en tenant compte des feedbacks des tests utilisateurs réalisés en amont. Nous avons établis un tableau des critères d'usabilité comprenant leur violation et la gravité notée sur trois. Une fois les itérations finies, nous avons pu nous concentrer sur l'univers graphique du site.

image

Wireframes

Concevoir la maquette basse fidélité

Avant de commencer la maquette du site, nous avons dans un premier temps conçus les Wireframes destinées aux mobiles. Cette étape est primordiale car l'aspect "mobile first" permet de se focaliser dans un premier temps sur l'essentiel. Cela permet aussi de mieux répondre aux attentes de l'utilisateur et faciliter l'utilisation du produit et son usage.

image

Moodboard

Définir l'univers du site

On a mis en place un Moodboard reprenant l'univers et le "Mood" qu'on voulait faire transparaître à travers le projet. Bien sur en s'attachant aux besoins, aux attentes et aussi aux craintes de nos personas. Il nous a permis aussi d'établir par la suite la charte graphique du site.

Contact