Just need


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 : 9, Place Bernard Hugues, Avignon, France
Linkedin : yann rewind
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

  • Déc 2019- Janv 2020

    Webdesigner UX indépendant

    Balm-Habitat.com


    DA
    Création logo et charte graphique
    Création de la maquette du site web sous Adobe XD
    Intégration HTML CSS JS et SEO

    Nov 2018- Nov 2019

    Webdesigner UX Indépendant

    Cermix.com


    Refonte des interfaces ERP sous Adobe XD
    Intégration HTML CSS JS
    Test utlisateur
    Création graphique évènementielle

    Sept- Oct 2018

    Designer graphique Indépendant

    Pellenc-Energy.com


    DA
    Création de la maquette sous Adobe XD
    Intégration et développement Wordpress
    Mis en ligne

  • Printemps 2018

    Designer graphique Indépendant

    Agence Périscope Clermont-ferrand


    DA
    Accompagnement Communication globale du client
    Compositing - Photomontage
    Graphic Design

  • Décembre 2017

    Designer graphique Indépendant

    Soun Productions Paris, La Défense


    Remise en forme de Slides Power Point/Keynote
    Création Graphique évènementielle
    Rédaction & Mise en page
    Graphisme & Retouches images
    Création de pictogrammes sous Illustrator
    Photoshop

  • Mai 2017

    Designer Graphique Indépendant

    Cap Handisol, L'Isle-sur-la-sorgue


    Création d'identité visuelle (Logotype & Charte graphique)
    Création d'une maquette graphique sous Adobe XD
    Développement & intégration de la maquette graphique
    Intégration sous Wordpress
    Animation SVG

  • Depuis Mai 2017

    Designer Graphique UI/UX Indépendant

    Rewind-design, Avignon


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

  • Janv 2017 - Avril 2017

    Designer Graphique

    ABonline Solutions, Valréas


    - Refonte du design site produit Initiative-crm
    - A/B testing
    - SEO & référencement naturel
    - Intégration web Wordpress
    - Animation SVG
    - Design graphique

  • 2011 - 2015

    Responsable e-commerce

    Rossi Vente, Monteux


    - Gestion du site e-commerce
    - Mis à jour produits, tarifs et clients
    - Gestion des commandes clients/fournisseurs
    - Web Marketing (bannières, newsletters)
    - SEO & référencement naturel
    - Design graphique

  • 2010 - 2011

    Responsable Marketing

    Digi-Corp, Agroparc


    - Mise en place de la stratégie commerciale physique et digitale
    - Création des maquettes Catalogue Produits
    - Analyse et Proposition Commerciale
    - BtoB
    - Management équipe commerciale
    - Wordpress

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