Maëlle RABOUAN

Designer and Web Developer

My recent projects

Developement Web

"Vitrine Verte"

know more

Developement Web

"Discover"

know more

Video Game

"10 100 10"

know more

Motion Design

"Les MMS du Groupe ETPO"

know more

Web Development

"Vitrine Verte"

know more

"Discover"

know more

"L'amour de l'Art"

know more

"Blog Gavé Bleu"

know more

"Musée d'Aquitaine"

know more

"UX et Internationalisation"

know more

And this portfolio !

Motion Design

"Codage et Décodage"

know more

"Les MMS du Groupe ETPO"

know more

Video game

"10 100 10"

know more

"Night Maze"

know more

Video

"Fact'Ori"

know more

"Petra"

know more

Others

Filtre Snapchat

"What MMI's are you ?"

know more

BOOK PHOTO

Mes Portraits

Les plus anciennes




Mes paysages ou autres





About me

Diplomée en 2019 d'un bac S SI (Sciences de l'Ingénieur) au lycée Eugène Livet à Nantes, je suis maintenant étudiante en 2ème année de DUT MMI à l'IUT Bordeaux Montaigne. Cela me permet d'allier la technique et la créativité, et j'aime beaucoup !
De nature curieuse, j'ai de nombreuses passions et centres d'intérêts: la musique, le dessin, la photo mais également le sport et les randonnées dans la nature !

Resume and Book

Contact Me

10 100 10

Software :

Unity - Visual Studio
Illustrator

Time :

4 days

My role :

Implementation Unity
Development C#

Ce projet a été réalisé durant ma 2ème année de DUT MMI. L’objectif était de produire un jeu vidéo complet, de sa conception (brainstorming, storyboarding...) à l'étude de son impact sur les joueurs (expérience et immersion). Le thème imposé était 100 Cibles ! Étant développeuse dans ce projet, j'ai pu approfondir mes bases en programmation (sous Unity3D) et en game design.
Je vous laisse découvrir notre Making-of !

Télécharger le jeu

Making-of

Team

Evan Martin
Making - Of

Justin Quilévéré
Design

Lucie Canton
Making - Of

Julie Joaquim
Design

Eva Van Der Erve
Design

And Me !
Development

Internship Group ETPO

Software :

After Effects - Illustrator
Premiere Pro

Time :

1 month and a half

My role :

Design - Animation
Storytelling
Graphics - Project management

Mission principale: Réalisation de 13 vidéos type motion design pour sensibiliser en interne à la prévention et à la sécurité les compagnons de chantier du groupe ETPO.
Autre mission : Réalisation intégrale d’un post vidéo LinkedIn pour remercier les 4000 abonnés sur la page.

Ce stage m'a permis de découvrir le fonctionnement de l’entreprise ETPO, au sein de mon équipe de travail composée d’Agathe COURTOIS (Responsable prévention), Devaloir KEMGANG (Stagiaire Master 2 Prévention ) et de Marion MEUNIER (Responsable Communication). J’ai pu être confrontée à de réelles situations et problématiques d'entreprise.

Production

Voici l'une des 13 Vidéos réalisée de la série MMS "MiniMums Santé Securité" ainsi que la vidéo du post LinkedIn
J'ai créé ces vidéos de A à Z, et j'ai notamment animé tous les assets graphiques.

Codage Décodage

Software :

After Effects - Illustrator

Time :

4 Days

My role :

Design - Animation
Storytelling

J'ai realisé ce projet « Théories animées » au cours de ma 1ère année de DUT MMI.
Le but était de créer un Motion Design qui présente sous forme pédagogique une technique de communication, ici "Codage et Décodage" de Stuart HALL 1970.

Le Motion Design

Team

Eva Van Der Erve
Design - Animation
Storytelling

And Me !
Design - Animation
Storytelling

Blog Gavé Bleu

Software :

Visual Studio - Wamp
Xd

Time :

2 Weeks (Telework)

My role :

Developement
PHP / MySQL
HTML / CSS

Ce projet était de réaliser un site web dynamique Front - Back, de créer ses contenus et son design. Le thème imposé était " Bordeaux à travers ... " Et avec mon équipe, nous avons choisi la couleur Bleu "Bordeaux à travers le Bleu".

Durant ces 2 semaines, j'ai pu créer en PHP et MySQL un blog de A à Z ! Avec une partie administrateur, des autorisations pour les inscrits...

Voir le Site

Team

Evan Martin
Design - JS - Ecriture

Yohann Thonere
JS - CSS - Ecriture

Marie Simonek
Design - Gestion de Projet
Ecriture

Loïc Thepaut
Design - Ecriture - UX

Eva Van Der Erve
Design - Ecriture - UX

And Me !
Developement - Ecriture

Musée Aquitaine

Software :

Visual Studio - Github
Adobe XD

Time :

1 Week

My role :

Developement HTML / CSS
Design

Cet atelier, d'une semaine, avait pour but la refonte de la première page du site du musée d'Aquitaine. Du design intéractif à l’intégration.

La première partie était consacrée au design sous Adobe XD. J'ai appris l'accessibilité et le SEO. La 2ème partie de la semaine était consacrée à l'implémentation et l'intégration de ce design en HTML / CSS / JS. Cela m'a permis d'approfondir mes connaissances dans ces langages et de travailler sur le même projet en équipe grâce à Github.

Voir le Site

Team

Sami Lafrance
JS - HTML - CSS

Paulin Jouhet
Design

Eva Van Der Erve
Design

And Me !
Design - HTML - CSS

UX et Internationalisation

Software :

Visual Studio - GitHub
Wamp

Time :

2 Weeks

My role :

Developement HTML / CSS
JS / PHP
Design

Création d'un site intéractif pour sensibiliser des étudiants à l'ux et Internationalisation. Cela m'a permis d'approfondir mes connaisances en accessibilité Web et d'améliorer l'expérience utilisateur du coté UI et UX.

Voir le Site

Team

Loic Thepaut
Ecriture - Design - CSS

Claire Rieusset
Ecriture - Design

Maxime Lauer
Graphisme - Design

Vincent Soubabère
Ecriture

And Me !
Design - HTML - CSS
PHP - JS

Night Maze

Software :

Unity

Time :

a weekend

My role :

Implementation Unity
Ecriture
Design

Durant un Week-end de "Game Jam", j'ai eu l'occasion de créer de A à Z un jeu Vidéo, avec une équipe de 7 personnes. Pour cela, nous avons utilisé le logiciel Unity.

"Vous êtes tous deux bloqués dans ce labyrinthe mais seul l'un d'entre vous pourra en ressortir... Petit conseil : attention aux ombres comme à la lumière, sinon la nuit vous engloutira..."

La première version est celle rendue en fin de Game Jam, et la V2 est celle rendue après la semaine de debugging.

Nous avons gagné la mention "CONCEPT LE PLUS ORIGINAL" pour le concept le plus surprenant, et l'originalité des décors, de l'ambiance et du menu.

Télécharger le jeu

Trailer

Fact'Ori

Software :

Premiere -
After Effects

Time :

2 weeks

My role :

Réalisation
Ecriture
Montage - Animation

Durant ce projet "Show Time", nous avons eu 2 semaines pour produire une émission culturelle originale telle nous l’imaginions… dans 5 ans.

Pour cela nous devions imaginer une identité d’émission, une ligne éditoriale et un contenu riche et pertinent. Grâce à ce projet, j'ai appris à faire des intervews, du fond vert, des génériques, un jingle, etc...

Emission TV

Team

Loïc Thepaut

Eva Van Der Erve

Justine Magry

Léo Mellé

Alexis Sablayrolles

Antoine Tardivel

And Me !

Economie du Numerique

Software :

Illustrator

Time :

2 days

My role :

Réalisation
Ecriture
Graphisme

Après un des cours sur l'économie du numérique et des cours d'infographie, nous avons eu à créer une cartographie de l'économie numérique Bordelaise.

Puis nous avons choisi une entreprise / Startup de Bordeaux pour la présenter sous forme d'infographie. Voici mes réalisations !

Production

Team

Mathieu Delepine
Graphisme - Ecriture

Justin Quillevere
Ecriture

Vincent Soubabère
Ecriture

And Me !
Graphisme - Ecriture

AFE "Apprenti Formation Endurance"

Software :

Illustrator

Création d'un logo pour une équipe de mécaniciens Moto

Production

LexiForPeace - Petra

Software :

Premiere Pro

Time :

1 week

My role :

Réalisation
Ecriture

Au cours de ma formation, j' ai pu travailler pour l'UNESCO dans le cadre du projet "LexiForPeace". Le but était de réaliser une vidéo qui faisait ressortir l'émotion/ambiance d'un lieu en rapport avec la PAIX. Mon lieu était PETRA, je vous laisse la découvrir!

Production

Discover - Streaming Musical

Software :

React js
XD - Visual Studio Code

Time :

2 weeks

My role :

Developement
Design

La thématique : design et développement d’une expérience intéractive, refonte data, utilisation de l’api Spotify, développement front en ReactJS.
Notre 1ere semaine de projet a été consacrée à la conception. Et la 2eme semaine était sur l’implémentation de l’application. L'objectif principal de ce projet a été de créer et penser notre plateforme de Stream du point de vue utilisabilité et interface utilisateur. Après une première étape d’audit des existants, nous avons été amenés à inventer une plateforme répondant aux besoins d’une cible choisie, puis à penser la charte graphique et proposer une application de bout en bout.



Production



Team

Justine Magry

Antoine Tardivel

Yohann Thonere

And Me !

Vitrine Verte - Projet solidaire

Software :

Ruby and Rails
Figma - Visual Studio Code

Time :

2 weeks

My role :

Developement Back & Front

Vitrine Verte est un projet solidaire que nous avons choisi de réaliser en équipe durant un projet Workshop.
L’objectif était de créer une Web App 100% gratuite, afin de faciliter la prise de commandes en direct pour les producteurs et les maraîchers.
Nous avons eu une première étape d’échange avec ces professionnels afin de cerner leur véritable problématique et leurs besoins.

Ce projet m’a beaucoup plu car j’ai pu approfondir mes connaissances en Ruby and Rails et ainsi concevoir et gérer la base de données facilement et rapidement .
De plus j’ai appris à intégrer une map intéractive grâce à la librairie Javascript Leafet, Openstreetmap et api-adresse.data.gouv.fr.
Nous avons choisi le FrameWork Ruby, Ruby and Rails car il permet le développement très rapide d’application web.



Voir la Web App

L'amour de L'Art - Enigmes Interactives

Software :

React js
XD - Visual Studio Code

Time :

1 weeks

My role :

Developement

L'amour de l'art est un parcours d'enigmes interactives créé pour un appel à projet étudiant du musée des beaux-arts de Bordeaux.



Commencer l'aventure

Production



Team

Justine Magry

Antoine Tardivel

Valentin Genest

Claire Rieusset

Hugo Blanchard

And Me !

What MMI's are you - Filtre Snap

Software :

JS - Lens Studio

Time :

2 days

My role :

All

Durant les cours de MMI, j’ai decouvert Lens Studio. Curieuse d’en savoir plus sur le fonctionement d’un filtre sur les réseaux sociaux, j’ai suivi quelques tutoriels et j’ai décidé de créer mon propre filtre sur la thématique de ma formation MMI .
Pour commencer, j’ai identifié les differents profils et centres d’interêt des personnes de ma promotion.

Puis j’ai créé « What mmi’s are you ? »
Le filtre s’active à l’ouverture de la bouche et « prédit » quel profil correspond le mieux à la personne.
J'ai pour cela du utiliser les fonctions de traking et de détection de mouvement du visage de Lens, et j’y ai associé un script JS qui gère la roulette et le changement de sprite.

Production