Adeline
Bernard

Ingénieure Informatique
Interactions Personne-Système

À Propos

Je m'appelle Adeline BERNARD et je viens de terminer mes études d'ingénieure à l'École Nationale Supérieure d'Ingénieurs du Mans, spécialisée en informatique et interactions personne-système. Développeuse front-end passionnée par l'UX/UI design, je me consacre à la création d'interfaces intuitives et accessibles.

Blender

Blender

Figma

Figma

Node JS

Node JS

React

React

Bootstrap

Bootstrap

Adobe Illustrator

Illustrator

Java Script

Java Script

Blender
Figma
Node JS
React
Bootstrap
Adobe Illustrator
Java Script

Mes Projets

PagePal

×

PagePal

Node.js

Bootstrap

Java Script

Hop & Blog

×

Hop & Blog

Node.js

Bootstrap

Java Script

Cat Facts

×

Cat Facts

Node.js

Bootstrap

Java Script

Clothing Relay

×

Clothing Relay

Figma

Ce projet solo a été réalisé dans le cadre d'un design challenge proposé par "The Cacatoès Theory" pour l'association "Emmaüs". Le but était de concevoir une application mobile permettant de donner une seconde vie aux vêtements inutilisés en les mettant en ligne pour qu'ils soient accessibles aux personnes dans le besoin.

Ecrans d'Accueil

Ajout de Vêtements

Les utilisateurs peuvent ajouter des photos, des descriptions détaillées, et classer les vêtement qu’ils veulent donner par catégorie, marque, état et taille.

LowFi

Le Logo

Le logo symbolise la solidarité et l’écologie grâce aux dons de vêtements symbolisé par des mains en cercle sur un cintre en vert.

Les Couleurs

Le vert a été choisi pour sa connotation liée à la natuer, l’espérance et l’évolution. Cette couleur renforce l'idée de donner une seconde vie aux vêtements tout en contribuant à un monde plus durable et plus juste.

Personae

Parcours Utilisateurs

LMS Propulse

×

LMS Propulse

Figma

Pour le Campus RTE, j'ai contribué à la refonte de la page d'accueil de leur LMS (Learning Management System). Dans le cadre de ce projet, j'ai créé une maquette sur Figma en respectant leur charte graphique. Le site initial présentait plusieurs problèmes majeurs : des contrastes insuffisants, des boutons trop petits, des menus redondants et une disposition des éléments peu intuitive. Mon intervention visait à corriger ces défauts et à améliorer l'expérience utilisateur globale.

Ecran d'Accueil

En plus des contraintes de la charte graphique, certains éléments du site ne pouvaient pas être modifiés, comme la barre de navigation supérieure. C'est pour cette raison que je n'ai pas pu y intégrer la fonctionnalité de recherche.

Zoning

Les Variations de Couleurs

Pour les couleurs, j'ai sélectionné trois teintes de leur charte graphique en plus du blanc. Le fuchsia a été particulièrement utilisé pour attirer le regard et mettre en évidence les éléments importants. Cette palette de couleurs a été choisie pour assurer une cohérence visuelle tout en améliorant l'accessibilité et l'attrait esthétique de la page d'accueil du LMS.

Pattes Gardées

×

Pattes Gardées

Figma

Ce projet solo a été réalisé dans le cadre d'un design challenge proposé par "The Cacatoès Theory". Le but était de concevoir une application mobile permettant de mettre en relation les propriétaires d'animaux et les pet sitters.

Ecrans d'Accueil

Créations de Profils

Le profil de l'animal est crucial pour assurer une garde adaptée. Il inclut des informations détaillées telles que le nom, une photo, l'espèce, la race, l'âge et les habitudes. Ces informations aident le pet sitter à comprendre les besoins spécifiques de l'animal et à fournir les meilleurs soins possibles.

LowFi

Le Logo

Le logo symbolise l’amour et le bien être des animaux. L’îcone de la pate d’animal retourner permet au coussinet centrale en forme de coeur de se révéler.

Les Couleurs

Le orange est une couleur chaleureuse qui est synonyme d’énergie et d’enthousiasme.

Personae

Parcours Utilisateurs

Teddy Bear

×

Teddy Bear

Blender

Ce projet personnel est une petite scène modélisée sur Blender que j'ai faite à l'occasion d'une session de cours de Patata School. C'était l'occasion pour moi de revoir les basiques.

Little Witch House

×

Little Witch House

Spline

Une petite maison faite sur Spline pour m'entrainer à l'utiliser !

Linkterz

×

Linkterz

Figma

Ce projet a été réalisé en groupe dans le cadre d'un cours pour concevoir une interface d’application de domotique pour l'entreprise fictive Linkterz. Le but de cette application étant de permettre aux utilisateurs de contrôler divers dispositifs de leur maison connectée de manière simple et intuitive.

Ecrans Smartphone

Ecrans Tablette

Wireframe

Contraintes

Zara

×

Zara

Figma

Ce projet a été réalisé en groupe dans le cadre d'une demande fictive de la marque Zara pour la refonte de son site web.

L’objectif était de reconcevoir le site web de Zara pour améliorer l'expérience utilisateur, en tenant compte des problématiques identifiées lors des entretiens utilisateurs et des analyses de parcours. Le projet inclut la création de versions light et dark, en respectant un design system imposé.

Light & Dark Mode

Atelier Design Thinking

Dans un premier temps nous avons conduits des entretiens utilisateurs avaient pour but de comprendre les besoins, les frustrations et les attentes des utilisateurs actuels du site de Zara. Nous avons interrogé un échantillon diversifié d'utilisateurs pour obtenir des insights variés.

Puis nous avons animé des ateliers créatifs avec les participants pour imaginer des écrans et des parcours utilisateurs plus intuitifs et agréables.

Zoning

Design System

Personae

Nouveau Workflow

Nous avons définit un parcours utilisateur simplifié et optimisé pour la recherche de vêtements. Ce nouveau parcours devait permettre aux utilisateurs de trouver rapidement et facilement les produits qu'ils recherchent.

Experience Map

Nous avons fait tester les maquettes haute fidélité avec des utilisateurs pour recueillir leurs impressions et identifier les points à améliorer.

Gardien des 3 Mondes

×

Gardien des 3 Mondes

Unreal Engine

Blender

Principe du Jeu

Ce projet solo a été réalisé dans le cadre d'un cours de développement de jeux sur Unreal Engine. C’est un jeu à la première personne intitulé "Gardien des 3 Mondes", où le joueur incarne un héros chargé de rétablir la paix sur trois mondes différents.

Le joueur incarne un héros dont la mission est de rétablir la paix sur trois mondes distincts : les Jardins Célestes, la Cité des Horloges, et la Forêt des Rêves. Chaque monde est envahi par des créatures du chaos, et le héros doit accomplir des quêtes, parler à des PNJ (personnages non-joueurs), ouvrir des coffres, et combattre ces créatures pour restaurer l'équilibre.

Extraits

Crédits

Temple du Cosmos

Environnement naturel : Asset Stylized Provencal Sol: Sketchfab CoFate Cadre des portails: Sketchfab soidev Globe: Fait maison

Jardins Célestes

Roche: Sketchfab CoFate Environnement: Asset Stylized Provencal Cadre des portails: Sketchfab soidev Grenouille: Sketchfab jedairusz Statues Crapauds: Sketchfab Stylized Station Grenouille du Chaos: Sketchfab SmugglersStudio

Cité des Horloges

Architecture : Fait maison Robots: Sketchfab Nommoo Horloge: Sketchfab VassKacsoHunor Portes: Sketchfab filthycent Robot détraqué: Sketchfab yanix

Forêt des Rêves

Temple de la Forêt: Sketchfab fedorzabelin Chamans: Sketchfab David Presa Lanternes: Sketchfab Polygon Experts Araignées du chaos: Sketchfab TheGameAssets Arbres: Asset LUSHStylizedEnvironnentSet Environnement: Asset Stylized Provencal

ElectroSimVR

×

ElectroSimVR

Unreal Engine

Blender

Le Projet

"ElectroSimVR" a été développé dans le cadre d'un projet de fin d'études en dernière année. Le but était de créer une application de formation en réalité virtuelle (VR) pour aider les électrotechniciens à s'entraîner à effectuer des consignations en respectant les règles de sécurité.

Ma Contribution

Ma contribution principale dans ce projet de groupe a été de modéliser tous les modèles 3D nécessaires à l'environnement de formation et de les intégrer sur Unreal Engine, la plateforme de développement utilisée pour créer l'application ElectroSimVR.

Démonstration

×
×
×
×
×
×
×
×

@2024 Adeline BERNARD | Tous droits réservés