Antonin Parédé | Infographie

Mes Infographies

Mes derniers projets d'infographie peuvent témoigner de mes compétences et de ma détermination.

Dashboard UX/UI

14/12/2023
Figma

Les instructions :

Consignes Réaliser un écran tableau de bord sous Figma. la cible étant des écrans d’ordinateurs portable 1440x900px.
Le fichier doit utiliser des styles de couleurs, des composants et de l’auto layout.

Étape 1

Le logiciel ici présent à pour principal utilité de commit du code qui irait directement se publier en ligne, sur un serveur choisie.
Le contexte utilisateur de ce dashboard est de pouvoir vérifier facilement si des commits on eu des erreurs ou non ainsi qu’afficher des informations plus ou moins intéressantes à propos du logiciel.
Les informations ont étaient données par le professeur.

Étape 2

Une fois le contexte utilisateur en tête je suis parti m'inspirer sur internet pour trouver de potentiel partie de dashboard réutilisable dans le contexte qui me correspond.
Une fois des parties intéressantes trouvées je les ai créées sous forme de component afin de pouvoir les modifier plus facilement plus tard.

Étape 3

Une fois tous mes components créés de la bonne manière, j’ai placé les informations les plus importantes en haut de la page pour finir avec celles qui me semblent les plus insignifiantes, tout en mettant en valeur celle qui en avait besoin par des jeux de contraste et de couleur .

Web Design

14/03/2023
Figma

Les instructions :

Création d'une maquette de site internet pour un artiste musical.

Étape 1

J'ai commencé par visiter le site du chanteur. J'ai retenu un style assez spécial que j'ai approfondie grâce à un moodboard.
Après avoir récolté quelques images, je me suis lancé dans l'exercice.
Vous pouvez voir le résultat de ma maquette en cliquant directement sur le bouton en dessous.

Étape 2

J'ai décidé de mettre un background noire dans toutes les pages afin de faire ressortir les couleurs qui sont elles éclatante.
J'ai ensuite récupéré quelques images de l'artiste que j'ai modifiées sur photoshop, pour pouvoir créer un style semblable aux images que j'ai récolté grâce à mon moodboard.

Étape 3

Après avoir créé le style principal grâce à ma page d'accueil, j'ai récupéré le squelette en changeant chaque contenu.
Pour la page article, j'ai utilisé ceux de l'artiste au mot près, pour pouvoir vraiment donner un effet d'immersion dans son univers.

Étape 4

Pour la page concert, j'ai ajouté des effets dans le background pour à la fois décorer et imagé le concert de l'artiste.

Étape 5

La dernière page est composée d'un slider permettant de voir le feed d'actualité en direct de l'artiste, lié à tous ses réseaux. Comme une page qui rassemble tout au même endroit, j'ai trouvé ça utile.
J'ai utilisé de vraies images ainsi que des vrais faits produits par l'artiste.

Étape 6

J'ai également créé un format téléphone en réduisant la taille des textes et en supprimant certains éléments du format PC.

Mon logo

26/10/2022
illustrator

Les instructions :

Création d'un logo pour mon Portfolio.

Étape 1

Choisir le type de logo, pour ma part mon animal préféré.
Puis implémenter dans illustrator pour le vectoriser.

Étape 2

J'ai ensuite mis de la couleur en fonction de mon site et des ombres s'appliquant sur l'animal.

Étape 3

Pour finir j'ai choisi de rajouter quelques éléments pour avoir différentes versions du logo.

Affiche double exposition

10/10/2021
Photoshop

Les instructions :

Pour cette affiche l'objectif était de faire une double exposition.

illustration d'Antonin Parédé, Final double exposition

Étape 1

J'ai donc premièrement décidé de prendre le profil d'un visage car c'était selon moi la manière la plus facile de procéder car je venais d'apprendre cette manière.

Download

illustration d'Antonin Parédé, première image de double exposition

Étape 2

Choisir une seconde image afin de la transposer sur le profil. Pour ce faire, j'ai choisi 2 images plutôt similaires afin de les placer dans différentes positions.

illustration d'Antonin Parédé, deuxième image de double exposition

Étape 3

J'ai trouvé intéressant de positionner l'image d'une ville éclairée sur le collier pour le rendre plus attirant et diriger le regard au milieu de ma création.
J'ai donc choisi ma deuxième image dans la même dynamique que la première, je l'ai placée dans la partie dominante de la composition et l'ai agencée de façon à ce que cela créé une continuité.

Étape 4

Pour finaliser l'affiche, j'ai choisi de mettre l'ensemble dans une couleur jaune qui fait référence à l'éclairage urbain.
J'ai ajouté un logo, qui a pour connotation la mode, pour démontrer que mon affiche pourrait être utilisée dans ce but, cela permet également de projeter de futurs clients.