haddadimerwan.fr/mh-portfolio-10-19.pdf · ui designer transverse sur les 3 squads de la tribu...

16
HADDADI UX / UI DESIGNER

Upload: others

Post on 22-Sep-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: HADDADImerwan.fr/MH-portfolio-10-19.pdf · UI Designer transverse sur les 3 squads de la tribu (flux, accueil, selfcare) : création de pictogrammes, travail d’interface Desktop

HADDADIUX / UI DESIGNER

Page 2: HADDADImerwan.fr/MH-portfolio-10-19.pdf · UI Designer transverse sur les 3 squads de la tribu (flux, accueil, selfcare) : création de pictogrammes, travail d’interface Desktop

À PROPOS PROJETS CONTACTMH

QUI SE CACHE DERRIÈRE LA PHOTO ?

Page 3: HADDADImerwan.fr/MH-portfolio-10-19.pdf · UI Designer transverse sur les 3 squads de la tribu (flux, accueil, selfcare) : création de pictogrammes, travail d’interface Desktop

À PROPOS PROJETS CONTACT

L’être humain a toujours été un objet de fascination pour moi. Sa richesse culturelle, ses us et coutumes.Il est à la fois simple et incroyablement complexe.

Fil rouge de mon parcours hétéroclite, l’intéraction humaine, envers son semblable, la technologie et tout ce qui l’entoure, voici ce qui me passionne.

Concrètement : le langage, la technique, sont des interfaces qui nous permettent de communiquer, c’est pourquoi il est essentiel que les conception et design de ces outils répondent le mieux à nos besoins.

Soigné, le design de ces interfaces est au service des utilisateurs. Performantes, e!caces, accessibles à tous et élégantes, elles contribuent à nous faire passer un bon moment, quel que soit la tâche à accomplir.

QUEL EST MON PARCOURS ?

MH

Page 4: HADDADImerwan.fr/MH-portfolio-10-19.pdf · UI Designer transverse sur les 3 squads de la tribu (flux, accueil, selfcare) : création de pictogrammes, travail d’interface Desktop

Expérience en design

Mars 2019 - aujourd’hui

UX/UI Designer, GFI Informatique, Niort (79)Prestation externe à la MAIF, entité Digitale Factory, Expérience Agile Omnicanale Sinistre.UI Designer transverse sur les 3 squads de la tribu (flux, accueil, selfcare) : création de pictogrammes, travail d’interface Desktop et Mobile, prototypage dynamique, mock-up, design d’intéraction.UX Designer (squad Selfcare) : axé delivery, travail d’architecture de l’info, zoning, wireframing Desktop et Mobile, prototypage dynamique, travail de wording.

Juillet 2018 - mars 2019

UX/UI Designer, GFI Informatique, Niort (79)Prestation externe à la MAIF, entité Digitale Factory, Gamme PRO.UI Design : icônographie, colorimétrie, création de pictogrammes, travail d’interface Desktop et Mobile, prototypage dynamique, moodboard, mock-up, design d’intéraction. Travail en Agile.

Mars 2018 - mai 2018

UX/UI Designer, MAIF, Niort (79)Stage à la MAIF, entité Digitale Factory, Studio UI/Divers projets.UI Design : icônographie, travail d’interface Desktop et Mobile, prototypage dynamique, travail sur visuel.UX Design : création d’experience map, user journey, wireframing Desktop et Mobile, prototypage dynamique.

Janvier 2016 - juillet 2016

Chargé de com digitale / Web Designer, ASCA, St Jean de Braye (45)Service civique. Communication digitale, journalisme et rédaction web, montage vidéo, création d’un site CMS.

Octobre 2012 - janvier 2013

Chargé de com, Éditions ThoT, Fontaine (38)Communication externe, événementiel, web. Création de supports web et print. Promotion des auteurs et ouvrages. Participation et tenue de stands à de nombreux salons littéraires. Mise en place de partenariats avec des médias et acteurs influents de la culture en Rhône Alpes.

MH À PROPOS PROJETS CONTACT

HobbiesCinémaS-F, Fantastique, DystopiesLongboardDancing, CruisingMusiqueGuitare, Basse, PianoPeintureSpray paint art

LanguesAnglais

CourantJaponais

IntermédiaireEspagnol

IntermédiaireCoréen

Débutant

Formation2018HEC Montreal, UX 101.1 Initiation à l’UX.

2017 - 2018AFPA, Formation pro Web Design.

2013Université Rennes 2, M1 Master Info-com.

2012-2013Université Rennes 2, Licence Info-com.

2008-2011Université Stendhal Grenoble 3, LEA Anglais Japonais.

2008Lycée de l’Albanais, BAC L, option Art, spécialité Anglais.

Page 5: HADDADImerwan.fr/MH-portfolio-10-19.pdf · UI Designer transverse sur les 3 squads de la tribu (flux, accueil, selfcare) : création de pictogrammes, travail d’interface Desktop

MH À PROPOS PROJETS CONTACT

ProjetsVoici un aperçu d’une sélection de 10 projets sur lesquels j’ai eu le plaisir de travailler. Parfois en UX, parfois en UI, les deux à la fois, j’ai également eu l’occasion d’intégrer et développer.

Découvrez de façon concrète des travaux que j’ai réalisé auprès de di!érents commanditaires et au sein de di!érentes équipes.

Ma « battle » station

Page 6: HADDADImerwan.fr/MH-portfolio-10-19.pdf · UI Designer transverse sur les 3 squads de la tribu (flux, accueil, selfcare) : création de pictogrammes, travail d’interface Desktop

MH À PROPOS PROJETS CONTACT

NORA Sinistre 01of 10

Conception de l’UI d’un outil conseiller de gestion, MAIF.

La conception d’une interface d’un outil pour conseiller di!ère de celle pour un site internet. Les usages sont complètements di!érents : les conseillers sont amenés à utiliser l’outil toute la journée. Ils doivent avoir accès aux informations et actions clés le plus rapidement et facilement possible, c’est leur confort de travail qui en dépend et la performance de l’entreprise qui est éprouvée. C’est donc accompagné d’une UX et d’une ergonome que nous avons travaillé sur ce Nouvel Outil pour une Relation Attentionnée.

#UI #UI

Page 7: HADDADImerwan.fr/MH-portfolio-10-19.pdf · UI Designer transverse sur les 3 squads de la tribu (flux, accueil, selfcare) : création de pictogrammes, travail d’interface Desktop

MH À PROPOS PROJETS CONTACT

VAM DV 02of 10

Conception de l’UX d’un parcours de déclaration de sinistre, MAIF.

La gestion de sinistre est le coeur de l’assurance, c’est pourquoi une Tribu agile visant à refondre tous les versants du sinistre à la MAIF a été créée. Divisée en 3 squads (Flux, Accueil et Selfcare), je suis intervenu en UI de façon transversale et en UX, plus particulièrement dans la squad Selfcare. Il a fallu repenser le parcours de déclaration de dommage aux véhicules auto-moto en améliorant l’expérience utilisateur et en créant un parcours selfcare de A à Z. Cela permettra aux gestionnaires surchargés de voir les flux diminués. Un prototype animé de scénarios nominaux a été réalisé : Lien du parcours VAM DV

#UX #UX#UI #UI

Page 8: HADDADImerwan.fr/MH-portfolio-10-19.pdf · UI Designer transverse sur les 3 squads de la tribu (flux, accueil, selfcare) : création de pictogrammes, travail d’interface Desktop

MH À PROPOS PROJETS CONTACT

O!re PRO 03of 10

Conception de parcours digitaux destinés aux travailleurs indépendants, MAIF.

Conception de parcours digitaux d’une gamme d’o!re assurantielle destinée à une nouvelle cible pour la MAIF : les travailleurs indépendants. De la home page et page produit au tarif express chatbot en passant par le classique formulaire, c’est tout un univers cible qui a été ajouté à MAIF.fr. Travail principalement UI avec des touches d’UX, notamment sur la conception des interfaces et sur le côté production des livrables.Le parcours est en ligne mais un prototype animé du parcours a été réalisé en phase de conception :Lien du parcours O!re PRO

#UX #UX#UI #UI

Page 9: HADDADImerwan.fr/MH-portfolio-10-19.pdf · UI Designer transverse sur les 3 squads de la tribu (flux, accueil, selfcare) : création de pictogrammes, travail d’interface Desktop

MH À PROPOS PROJETS CONTACT

QDCT - Mon rdv juridique 04of 10

Conception d’un service d’information juridique adressé aux élus, MAIF.

Questions de Collectivités Territoriales propose désormais un service d’information juridique pour les élus, vous avez une question ? On y répond ! On a mis en place de l’AB test et rework la Home Page. On a également proposé la possibilité de recommander à des structures les produits MAIF dont la souscription permet de reverser des dons à des associations caritatives. Les utilisateurs peuvent faire une bonne action, le design se doit d’être à la hauteur de cette initiative si louable !

#UX #UX#UI #UI

Page 10: HADDADImerwan.fr/MH-portfolio-10-19.pdf · UI Designer transverse sur les 3 squads de la tribu (flux, accueil, selfcare) : création de pictogrammes, travail d’interface Desktop

MH À PROPOS PROJETS CONTACT

Navigation accompagnée 05of 10

Conception d’un site communautaire pour les plaisanciers, MAIF.

BlaBlaCar vous connaissez ? Et pourquoi pas en mer ? Proposer des sorties en mer, découvrir la plaisance, ce site met en contact des enthousiastes du nautique qui souhaiteraient partager un sympathique moment ensemble. À nous donc, de leur proposer un outil simple pour booker des sorties, en proposer et pour communiquer facilement entre eux. Dernièrement, on a même ouvert le service aux associations et aux professionnels.

#UX #UX#UI #UI

Page 11: HADDADImerwan.fr/MH-portfolio-10-19.pdf · UI Designer transverse sur les 3 squads de la tribu (flux, accueil, selfcare) : création de pictogrammes, travail d’interface Desktop

MH À PROPOS PROJETS CONTACT

Conciergerie & Plus 06of 10

Conception d’un site de services, MAIF.

Une conciergerie en ligne proposant divers services pour se faciliter la vie dont la devise est « Retrouvez du temps pour ce qui compte vraiment ». Avec une telle devise, nous nous devions de créer une interface e"cace ! Dans sa partie Édito, nous avons souhaité fluidifier la navigation entre les di#érents dossiers « moments de vie » et nous avons orienté le design vers une athmosphère clean et élégante.

#UX #UX#UI #UI

Page 12: HADDADImerwan.fr/MH-portfolio-10-19.pdf · UI Designer transverse sur les 3 squads de la tribu (flux, accueil, selfcare) : création de pictogrammes, travail d’interface Desktop

MH À PROPOS PROJETS CONTACT

Coup de Food 07of 10

Conception d’un site de recettes de cuisines, AFPA.

Permettre à l’utilisateur de découvrir et trouver des recettes de cuisines détaillées et bien expliquées. Lui proposer des recettes qui pourraient l’intéresser. Les rechercher par thèmes tout en lui mettant l’eau à la bouche avec une iconographie alléchante, mise en valeur par le contraste d’une interface minimaliste et moderne : tels étaient mes objectifs sur ce projet …appétissant !

#UX #UX#UI #UI#INTÉGRATION #INTÉGRATION#JAVASCRIPT #JAVASCRIPT#PHP #PHP

Page 13: HADDADImerwan.fr/MH-portfolio-10-19.pdf · UI Designer transverse sur les 3 squads de la tribu (flux, accueil, selfcare) : création de pictogrammes, travail d’interface Desktop

MH À PROPOS PROJETS CONTACT

Discovery 08of 10

Branding pour une agence d’événementiel.

Discovery, une agence événementielle spécialisée en events sons et lumières, prestations DJ, prêt de matériel, etc., désirait un logotype représentatif de son activité du monde de la nuit. Dans le brief, une typeface et deux couleurs : beige et noir. Après un entretien pour identifier le besoin, plusieurs concepts ont été proposés et très rapidement, les commanditaires de Discovery ont été satisfaits d’une proposition qu’il ont pu acquérir pour leur nouvelle image de marque.

#UI #UI

Page 14: HADDADImerwan.fr/MH-portfolio-10-19.pdf · UI Designer transverse sur les 3 squads de la tribu (flux, accueil, selfcare) : création de pictogrammes, travail d’interface Desktop

MH À PROPOS PROJETS CONTACT

Free - iPhone X 09of 10

Conception d’une a!che promotionnelle et sucette Decaux, AFPA.

Il s’agit de ma proposition à l’examen du module UI de la formation AFPA Web Designer.Imaginer une a!che promotionnelle pour le nouvel iPhone (de l’époque) de l’opérateur Free nécessitait de prendre en compte les éléments de branding des 2 entités pour être crédible. L’image est un montage complet, tous les éléments on été ajoutés individuellement, de la reproduction vectorielle des icons aux main, téléphone protable et fond. Un travail de wording a également été e"ectué pour coller au mieux au concept de l’a!che. Enfin, une contextualisation dans une sucette Decaux permet d’imaginer l’a!che en contexte d’utilisation.

#UI #UI

Page 15: HADDADImerwan.fr/MH-portfolio-10-19.pdf · UI Designer transverse sur les 3 squads de la tribu (flux, accueil, selfcare) : création de pictogrammes, travail d’interface Desktop

MH À PROPOS PROJETS CONTACT

Kill The Tape 10of 10

Conception d’une vidéo promotionnelle.

Kill The Tape propose une solution de récupération de masters vidéos sur cassette VHS vers le format numérique et propose de traiter les déchets cassettes, ou de les entreposer, KTT propose également un service de cloud pour stocker les masters numérisés. Cette version « premier jet » de vidéo animée avait pour but d’expliquer leur activité. Voici le lien pour visionnage :Lien Youtube

#MOTION #MOTION

Page 16: HADDADImerwan.fr/MH-portfolio-10-19.pdf · UI Designer transverse sur les 3 squads de la tribu (flux, accueil, selfcare) : création de pictogrammes, travail d’interface Desktop

Si vous partagez ma vision du design au service de l’humain, que vous voulez en savoir plus sur ces projets et bien plus encore, rencontrons-nous et facilitons ensemble la vie des utilisateurs.

Discutons autour d’une bonne tasse de café !

: 06 08 01 06 18 : [email protected] : Profil LinkedIn

MH À PROPOS PROJETS CONTACT

Faisons connaissance !