Portfolio - Motion Graphics & UI/UX

01 - Motion Graphics

« Hyper-indépendance »

J'aime beaucoup lire sur la psychologie et la philosophie ce sont des sujets qui me passionnent. C'est a cause de cela que j'ai crée cette vidéo, j'avais envie de parler d'un concept psy qui me parlait mais de le raconter visuellement avec du Motion Graphics et du rythme. C'etait aussi un bonne exercise pour m'entrainer

Depuis mes 14 ans j'utilise After Effects. Au début je faisais des « edits » juste pour m'amuser.
Mais au fur et a mesure j'ai voulu aller plus loin et j'ai découvert le Motion Graphics, ça m'a plu directement.
J'aime beaucoup lire sur la psychologie et la philosophie. C'est pour ça que j'ai fait cette vidéo mon but etait de raconter un sujet psy en images.

Outil: Adobe After Effects
Type: Animation de personnage, Animated Typography, Abstract Motion, Shape Animation, UI/UX Animation, Camera Movement, Explainer Video Style
Format: Vidéo Full HD · 5M25

02 - Projet UI/UX & identité de marque

Molleva

J'ai créé toute l'identité visuelle de cette application mobile.

Direction artistique Molleva

L'idée de base

Clarté chaleureuse

Doux mais assez net, simple mais pas vide, assez chaleureux. Sur chaque écran j'essaye de mettre une seule chose vraiment en avant.

La règle 60 / 30 / 10

De l'air

Beaucoup de vide pour reposer les yeux, du contenu bien lisible et quelques touches de couleur..

Ma question avant d'ajouter

Alléger ne pas décorer pour rien

Avant d'ajouter un élément je me demande est-ce que ça aide vraiment ou est-ce que c'est juste pour decoré ? Si ça encombre je l'enlève.

Logo & symbole

Un point essentiel, protégé

Le logo tient en trois éléments : une arche crème comme un abri ouvert et un point orangé au centre. La seule chose à regarder, l'essentiel. Le tout sur un carré vert. Il marche aussi bien en grande icône qu'en tout petit.

Palette de couleurs

Fond principal

#F7F3EE

Surface secondaire

#EEF1EC

Texte principal

#24313A

Primaire (sauge)

#56756D

CTA principal

#4E7068

Accent chaleureux

#C88E6E

Surface / carte

#FCFAF7

Texte secondaire

#5F6B72

Des tons neutres et chauds pour le fond, le vert pour les éléments importants, et une touche d'orangé utilisée avec moderation . J'ai fait en sorte que toute les couleur vont parfaitement entre elles.

Interface mobile

Écran Aujourd'hui de l'application — Extraits de design de l'application

Écran reporter une tâche — Extraits de design de l'application + fiche store

Écran fin de journée — Extraits de design de l'application + fiche store

Système de design

Polices

Instrument Sans pour les titres, Inter pour le texte.

Formes

Des coins arrondis plus marqués sur les cartes, plus sobres sur les boutons.

Densité

Une seule chose importante par écran avec une utilisation precise de l'esapce.

03 - Ce qui me passionne

Ce que j'aime faire

Ce qui m'intéresse le plus c'est le design d'applis mobiles, de motion graphics et tout ce qui fait l'identité d'une marque.

01

Design UI / UX - applications mobiles

Penser des écrans simples où on comprend tout de suite quoi faire. Tout en aillant un design travaillé

02

Création de logos

J'aime résumer une idée à un seul signe, une forme.

03

Design systems & chartes graphiques

Couleurs, polices, composants. J'adore monter tout un système clair qui reste le même d'un écran à l'autre.

04

Direction artistique & identité de marque

J'adore donner un style à une marque, un univers, lui donner une identité unique et la même cohérence partout du logo aux petits détails.

05

Motion Graphics

J'adore animer pour raconter une idée, une histoire, du storytelling, ajouter des petit detaille au animation et surtout le resultat finale. C'est le métier que j'aimerai faire plus tard.

Motion Graphics,UI/UX &identité de marque.