Portfolio Design UX/UI. Irina Zubareva

Page 1

IRINA ZUBAREVA

Portfolio

DESIGN UX/UI

2014-2019


EXPÉRIENCE PROFESSIONNELLE 3 ans 08.2017 – 09.2019

MG Mobile : Agence web&marketing digitale, en poste de designer UI en apprentissage.

04.2016 – 08.2016

Eyetronic : Agence web&marketing digitale, en poste d’assistant du chef de projet dans le cadre d’un stage.

10.2015 – 03.2016

SARL « Brunoyam », Web designer dans le cadre d’un stage.

FORMATION bac +5 2017 – 2019

École de design Nantes Atlantique, Master Management du design et de l’innovation, design interactif, apprentissage

2016 – 2017

École des beaux-arts de Nantes Métropole, étudiante en programme international

09.2014 – 01.2015

École des concepteurs Digital Design, formation User Experience (UX/UI)

DESIGNER UX/UI

Vitae

CURRICULUM

2010 – 2015

28 mars 1993 nationalité : Russe

Université d’Etat de l’équipement aérospatial de Saint-Pétersbourg, bachelor Technologies et systèmes informatiques en design et multimédia

Langues : Russe – maternelle, français – B2, anglais – TOEIC 830.

5, rue de l’Aqueduc 75010, Paris, France Tél. : 07 69 42 67 4 E-mail : zubareva.gbhg@gmail.com

Design UX/UI :

Design&Conception, Innovation digital, Design thinking, Storytelling, Prototyping, Animation.

Design graphique :

Infographies, Logo, Chart graphique, Affiche,Édition, Illustration, Animation.

Intérêts :

Interaction cognitive, Psychologie sociale dans l’interaction homme - machine, Technologies de l’Intelligence artificielle et de réalité augmentée Motion design, typographie, illustration Arts, Littérature, Dessin

Logiciels :

Adobe Photoshop, Adobe InDesign, Adobe Illustrator, Adobe XD, InVision, Balsamiq, Adobe Animate.

Irina

ZUBAREVA


MADAME, MONSIEUR,

Je suis Irina Zubareva et je termine actuellement mes études à l’École de design Nantes Atlantique. Je viens en effet de terminer mon projet de fin de Master 2, en management du design et de l’innovation. Je suis en recherche d’un emploi en design interactif et/ou design UX/UI. Mes études et mes recherches ont été jusqu’ici surtout motivées par la compréhension de la méthodologie de gestion d’un projet sous l’angle du design UX.

Lettre

DE MOTIVATION

J’ai passé mon bachelor en Russie, en Technologie de l’informatique en design et médias, en 2014. J’ai ainsi de bonnes connaissances techniques dans les domaines du web, de la programmation, de l’architecture et la conception des systèmes d’information. Parallèlement à mes études, j’ai aussi suivi une formation à l’Ecole de design UX/UI au sein de l’entreprise Digital design. Cette école m’a donné des compétences non seulement dans la conception de services numériques, de design, de typographie, mais aussi dans la gestion et la communication professionnelle. Par la suite, j’ai effectué deux stages. Le premier dans l’entreprise « Brunoyam », comme cadre de Web designer et le deuxième chez « Eyetronic » au poste d’assistante chef de projet.

du design. C’est là que je suis arrivée en France, où j’ai pu intégrer l’École Supérieure des Beaux-Arts. Cette école proposait le premier programme international préparatoire en partenariat avec l’école de design Nantes Atlantique, et c’est par ce biais que je termine maintenant mon master en apprentissage, entre Nantes et Paris. Je suis UI designer dans l’agence digitale MG Mobile, situé dans le 9ème arrondissement. Ces trois ans m’ont apporté beaucoup en connaissance du design, de l’art et en méthodologie. J’ai apprécié le travail d’équipe, la méthodologie stricte et le processus de l’idéation, de création et d’innovation enseigné par l’EDNA. Mon entreprise n’est pas très grande mais en plein développement. J’ai beaucoup travaillé en autonomie, car j’étais la seule designer UI. Cela m’a permis de développer mes compétences rapidement, mais je voudrais rejoindre une équipe de designers pour le futur. Ce mélange de vie d’étudiant, de vie professionnelle et scolaire m’a poussé à m’intégrer au plus vite et à réagir à tous les imprévus

Grâce à ces expériences, j’ai pu apprendre à structurer ma pensée de façon logique et à gérer mes projets de façon globale.

Je suis passionnée par les détails, les interactions animés, des solutions originales. J’aime expérimenter avec des contenus plurimédia et apprendre des nouveaux techniques, suivre les tendances. J’apprécie également la typographie, design graphique et motion design.

Une fois mes études finies, j’ai voulu approfondir mes compétences créatives et avoir une meilleure compréhension de la méthodologie

En espérant que ma candidature et mes idées retiendra votre attention, je vous prie d’agréer, Madame, Monsieur, mes salutations distinguées.

IRINA ZUBAREVA



1.

Projets

D’ÉTUDES


RANDOM Hero

PROJET DE FIN D’ÉTUDES 2018-2019 La problematique du projet : Comment prevenir la solitude subjective chronique chez les lycéens? Étant passionnée par les concepts de design émotionnel et par la psychologie cognitive, j’ai décidé de travailler sur un thème fortement lié aux sentiments et aux émotions. Rendu final : «L’application mobile s’adresse aux élèves de lycée. Elle vise à faciliter la communication entre les jeunes et à augmenter leur confiance en eux pour prévenir la solitude subjective chronique.

- Analyse de la problématique et des utilisateurs - Enquête terrain - Création de personas et de scénarios d’usage - Prototypage - Création de personnages - Création et animation du jeu - UI et présentation Adobe Photoshop, Adobe Illustrator, Adobe Animate


2.

CREATION DE PERSONNAGE

1.

ONBOARDING L’application permet de poster des annonces séparées en matière afin d’obtenir de l’aide. L’appli choisit au hasard la personne que vous allez aider. Il faudra alors vous rencontrer pour obtenir des points et découvrir la partie jeux intégrée dans Random Hero.

Une fois le lycéen inscrit et renseigné son lycée, il aura accès à la création de son personnage et aux fonctionnalités de l’app. Il lui restera trois jours pour valider son identité par le biais d’un certificat de scolarisation.


3.

GAME. MOTIVATION

C’est un jeu de réflexion où il faut retrouver la sortie et trouver un camarade, en passant par des portails liés de manière aléatoire. l faut investir les points pour avancer les niveaux. Les points de jeu sont la motivation pour aller vers les autres.

4.

AVANTAGES Ce jeu demande de la mémorisation plutôt que de l’action, il faut réfléchir et chercher la solution logique. L’environnement en perspective isométrique incite à l’imagination. Les liens aléatoires entre les portails stimulent la mémoire.

5.

MOTIVATION L’application va automatiquement faire évoluer votre profil en fonction du nombres de vos réponses aux demandes ainsi que coller des badges sur votre profil correspondant aux nombres d’élèves aidés. L’adolescent se considérera comme un héro. Aider quelqu’un contribue à augmenter l’estime de soi et ainsi éviter la peur de demander de l’aide.


6.

ANNONCES

L’appli choisit au hasard une annonce pour vous. Le fait de ne pas choisir, de ne pas être «noté» par un autre permet de réduire le risque d’être rejeté et de rendre le plus le milieu scolaire plus égalitaire. Ici il n’y a pas de préférence ni de peur et cela permet d’augmenter la confiance en soi et aux autres.

7.

POINTS Le but est d’intégrer en milieu scolaire un jeu qui ne va pas séparer mais réunir les jeunes. Il faut communiquer physiquement avec la personne pour l’aider et scanner un code unique pour obtenir des points nécessaire à la progression dans le jeu.


L’UN DES CONCEPTS DU PROJET DE FIN D’ÉTUDES 2019 est une marque qui a pour objectif la communication autour des problèmes de l’adolescence et propose un support d’aider pour les jeunes en difficultés. Elle met à disposition différents support pour faciliter le dialogue sur leurs sentiments négatifs et douloureux afin d’augmenter leur confiance en eux. La mode plateforme combine la mode et la création, deux facteurs qui attirent l’attention sur le contexte sérieux et le dédramatisent. Cela rend la plateforme innovante. Son nom : «CHUI Là», rappel que les jeunes ne sont jamais seul face à leurs problèmes.

1.

COURAGE Le module «Création» propose aux adolescent de vivre une expérience qui est basée sur un exercice de psychologie. La création permet de dédramatiser cette expérience et la rendre agréable. Le but est de transformer une phrase négative qui provoque le sentiment douloureux en une phrase positive en l’ajoutant à sa photo. La partie de rédaction leur permet de créer une image qui leur plaira.

Adobe Photoshop

2.

CONFIANCE

CHUI

Ils pourront partager la photo sur la galerie du site et sur les réseaux sociaux pour faire un premier pas vers la communication sur leurs problèmes et encourager les autres à faire de même.


3.

SENSIBILISATION La page du site s’adresse aux jeunes et aux personnes de tout âge qui sont en contact avec les adolescents. Elle explique brièvement les difficultés de cette période et l’importance de la communication autour.

4.

COMMUNICATION «Elle propose de supporter le projet en achetant l’un des articles en boutique et de partager l’information avec le lien vers le site. à son tour la marque reverse 5% des ventes au fond d’assistance aux adolescents en difficultés.


PROJET DE FIN D’ÉTUDES À L’ECOLE DES CONCEPTEURS UI/UX (2014). J’ai dû développer une phothotheque pour des éditeurs et petits studios de design en developpement Utilisateur principal : un designer de 25-30 ans qui travaille beaucoup pour son studio donc il utilise son ordinateur, tablette et parfois son portable. Il cherche des images nouvelles, originales et abordable. Il connait plusieurs artistes en developpement, travaux qu’il utilise. En générale le studio travaille sur un-deux projets specifiques avec une thèmatique. - analyse des concurrents - analyse d’utilisateurs - prototype cliquable - l’identité graphique - plateforme web - application tablette - application mobile - présentation Adobe Photoshop, Adobe Fireworks

ROYALTY Store

1.

IDENTITE

J’ai choisi une licence d’utilisation libre de droits, (royalty-free en anglais). Le titre est un jeu de mots en référence à la licence royalty-free et une qualité «royal». Pour les mêmes raisons, la couronne et les couleurs symbolisent l’or ancien.


2.

PERSONNALISATION J’ai constaté que mes utilisateurs souhaitaient des mises à jour plus personnalisées pour rendre leur travail plus original. Dans les stocks existants, sur la page d’accueil on retrouve des images populaires, ce qui n’est pas toujours utile, car la photo a été téléchargée plusieurs fois. Dans les mises à jour de royalty store des nouvelles photos sont affichées sur la page principale c’est aussi la chance pour de nouveaux artistes inconnus.

3.

AVANTAGES - Historique des téléchargements et des images consultées - Des images ne sont pas chères - Bonne qualité - Liste des recommandations personnalisées - Profil des auteurs et ses albums


MY DESIGN THINKING 2016 Projet de workshop à l’école de Beaux. Artiste invité : Laurent Moriceau / edition C’est un petit brochure qui éxplique le métier de designer UX/UI et la méthodologie du design à travers de ma vision. Je suis inspirée par la visualisation des données de David Seliger et Anthony Boguszewski Adobe InDesign, Adobe Photoshop

EDITION

NUMERIQUE


SEUL PARMI LES AUTRES. MEMOIRE DE FIN D’ÉTUDES 2019

NOITIDE

EUQIREMUN

Dans ce travail j’étudie l’impact du sentiment de solitude subjective sur l’adolescent et ses conséquences afin de developper une solution pour les prevenir. J’ai été inspiré par les idées de Donald Norman et de son travail «Emotional Design» qui parle de la psychologie cognitive qui nous a appris que les émotions déterminent comment notre cerveau résout les problèmes, et que les émotions positives sont très importantes pour l’apprentissage, la cognition, la créativité et le développement personnel en général. En conséquence le design peut aider à développer, à modifier et à ajuster ces caractéristiques par le biais d’émotions et de réactions évoquées. Adobe InDesign, Adobe Photoshop


Metamorphosis

METAMORPHOSIS.PROJET D’ÉCOLE. 2017 Ma tâche était de développer une étiquette de bière. J’ai choisi la bière de Prague. Le nom «Metamorphosis» fait référence au roman de Franz Kafka (né à Prague), ainsi qu’au processus de changement d’étiquette lors du refroidissement de la bière. Adobe Photoshop, Adobe Illustrator


1.

KAFKA

Franz Kafka est un écrivain très populaire né à Prague. La ville a un musée, des monuments et vend de nombreux souvenirs. La bière en référence à son livre Metamorphosis peut parfaitement s’intégrer sur le marché tchèque.

2.

METAMORPHOSIS La peinture thermochromique est une des peintures innovantes apparues ces dernières années, qui permet d’obtenir une couleur lorsqu’il fait froid. Lager est recommandé ву boire à une température avoisinant les 6 °C . L’étiquette change de couleur lorsque la bière se refroidit.



2.

Projets

PROFESSIONNELS


MGMobile

PROJET PROFESSIONNEL 2017-2018 MG Mobile accompagne les start-up, PME et les grands comptes dans leur projets Web, Mobile et Marketing Mobile. Ma tâche était de refaire notre image corporative et le rendre plus moderne et attirante. Refonte est encore en cours.

- refonte du logo et de la charte graphique - refonte du site web - préparation de supports imprimés: flyers, brochures, blocs-notes, cartes de visite, plaque - préparation de documentation interne issue du nouveau style Adobe Photoshop, Adobe InDesign,Adobe Illustrator, Adobe Animate


1.

EXEMPLE Exemple d’un slider de la page d’accueil avec illustrations modernes et animées

2.

EXEMPLE Exemple d’une page du site avec nouveau design. La page d’une article de blog


PROJET PROFESSIONNEL 2017 Instasécurité est une plateforme digitale unique de service de sécurité incendie. Elle a pour but de simplifier l’accès à la règlementation incendie et fluidifier les étapes d’adhésions grâce à l’integration d’une offre de services et d’un devis en ligne. L’expérience Instasécurité c’est : - Obtenir les Informations règlementaires applicables au profil de votre entreprise - Obtenir une offre de prix modulable et en instantanée - Une intervention dans les 48h, par un prestataire qualifié et assermenté - Des tarifs de maintenances annuelles fixes et sans surprises.

- analyse de specs - arborescences - prototypage - analyse de système des calculs - création d’une calculatrice simplifiée orientée à l’utilisateur final «devis en ligne» - UI

Adobe Photoshop, Balsamiq

INSTASÉCURITÉ


PROJET PROFESSIONNEL 2017-2018 Projet «Intuimo». 1. Concevoir une offre innovante sur le marché de la recherche de biens immobiliers grâce à la « tinderisation » des offres 2. Répondre de manière adaptée aux critères de recherche de l’acquéreur grâce à une cartographie spécifique (recherche par quartier et/ou sectorisation scolaire) en plus de la géo localisation 3. Proposer une offre de services dématérialisée (visites et prises de rendez-vous via l’application, signature électronique…) 4. Proposer un accompagnement personnalisé (redirection vers le call center)

Site web vitrine, deux «espaces» web pour les particuliers et les professionnels, une application mobile et un back-office. Adobe Photoshop, Adobe Illustrator

INTUIMO


PROJET PROFESSIONNEL 2017 Site web Pablo Mira C’est le site web pour l’humoriste français J’ai du developer deux espaces : Site web incluant Vidéos, Photos, Soundcloud, Calendrier des dates de spectacles et des chroniques Media, Moodboard, Bio, «dans le salon de Pablo», Blog, Newsletter, Contact, Mentions légales Back-office web incluant l’administration du multimedia, de l’agenda, du blog et de l’accroche texte sur l’accueil Adobe Photoshop

PABLO

Mira




2.

Projets

PERSONNELS


TELEGRAM

MESSENDGER

Projet compétitif /travail personel / 2017 Refonte d’identité graphique dans le cadre de concours organisé par Telegram. Telegram Messenger est une application de messagerie d’origine russe. L’application gratuite est disponible sur Android, iOS, Windows Phone ainsi que sur ordinateur et web . Maintenant mon design disponible sur la version desktop pour chaque OS. Adobe Illustrator, Adobe Photoshop,HTML5



L’affiche pour le concours «Pas mon genre» organisé par Etapes : / Adobe Photoshop, Adobe Illustrator / 2018

D’AFFICHE Design


D’AFFICHE

L’affiche pour le concours «Animals» organisé par Poster.Jam / Adobe Photoshop / 2018

Design


L’affiche pour le concours «Pas mon genre» organisé par Etapes : / Adobe Photoshop, Adobe Illustrator / 2018

D’AFFICHE Design


D’AFFICHE

L’affiche pour le concours «Crazy» organisé par Poster.Jam / Adobe Photoshop / 2019

Design



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.