Altered Carbon
La série Netflix
menu
Web
Altered Carbon
- Charte graphique en accord avec le thème futuriste et sombre de la série.
- Pattern avec motif molécule réalisé sous Adobe Illustrator avec effet fadein fadeout
- Barre de menu en fixed pour être visible pendant la navigation
- Photo du header réalisé sous Photoshop afin de montrer la ville situant une partie de l'action et en premier plan les personnages principaux à l'exception du héro afin de garder un peu de mystère
- Police Vorpal pour suggérer l'effet futuriste et science fiction
- Choix des couleurs basé sur celles utilisées dans la série
- images en forme d'hexagone pour rappeler le motif en forme de molécule
- Menu biographie en forme de cube 3d animé et sur chaque face un gif animé de chaque personnage principal
- Un sondage avec google Forms pour le vote de son personnage préféré
- Résultats du sondage sous forme de graphique
- Galerie avec images issues de la série de tailles différents, en noir et blanc qui deviennent colorées au survol
- Utilisation du glassmorphism pour l'effet science fiction
Adobe XD
Réalisé avec Bootstrap 5
Adobe XD
- Réinterprétation du site de Adobe XD en onepage avec Bootstrap
- Création d'une icone et émoticone personnalisée sous Illustrator
- Barre de menu en fixed en haut de l'écran avec logos sur la gauche
- Utilisation de glassmorphisme pour un effet visuel moderne et simple
- Utilisation de parallaxe, alternance de fond colorés, géométriques et sombres pour donner plus de dynamisme qui est l'identité de la marque
- Contenu trés graphique, avec peu de texte afin d'attirer l'attention sur l'essentiel
- Polices simples sur un site trés visuel afin d'apporter un contraste
- j'ai jouer avec les couleurs car il s'agit d'un logiciel de Design
More Beautiful
La cosmétique de luxe travaillée en Neumorphism
More Beautiful
- Choix du neumorphism, du blanc "titanium" et de la palette correspondante pour le côté luxe et naturel
- Menu latéral en fixed, les formes arrondies du menu et de la photo pour rappeler la forme des pétales
- Police Dancing Script pour l'élégance et la simplicité
- Fond des sections de texte, en fixed d'un alambic et d'une fleur de jasmin, faisant partie intégrante du métier de la cosmétique
- La palette de couleur est choisie pour donner un côté naturel et authentique
- Logo du footer avec une rose dorée: image de la cosmétique et du luxe
- Site vitrine donc présentation uniquement des catégories de produit
- La charte graphique correspond à l'esprit de la marque: contemporaine, naturelle, éco-responsable, en marquant le contraste entre le luxe et la simplicité.
Graffiti Street
L'Art urbain en Wordpress
Graffiti Street
- Site internet en Wordpress sur le Street Art dans quelques grandes villes à travers le monde
- Barre de menu en fixed en haut de l'écran, classement par zone géographique
- Police Vampiro pour son style graffiti mais lisible
- Utilisation de glassmorphisme, parallaxe et de thème sombre pour le côté contemporain
- Choix d'un style trés graphique correspondant à l'art
- Mise en page simple afin de mettre en évidence les oeuvres.
Choco Meuh
Une marque de produits laitiers, engagée
.svg.png){kind=icon}
Choco Meuh
- Site sur une boisson lactée pour enfants éco-responsable
- Création d'un logo sous Illustrator
- Animation du logo d'une vache buvant la briquette de lait aromatisée
- Pattern motif peau de vache
- Choix de couleurs pastelles: vert, gris, beige et noir en relation avec le publique visé et l'aspect engagé
- Mise en page trés aérée.
- choix de pages en plein écran pour la lisibilité et la simplicité de navigation
- Menu en fixed en haut de l'écran
- polie de style manuscrit pour rappeler le fait maison
- Présence de motifs de type illustration manuscrite pour l'authenticité voulue par la marque
My Nail Lacquer
Site fictif pour une marque de vernis à ongles
My Nail Lacquer
- Site pour du vernis à ongles
- Création d'un logo sous Illustrator
- Choix de couleurs rose, marron et blanc pour un publique cible feminin et tendance et un resenti appaisant
- Logo réalisé avec une police avec empattement et une police stylisée pour renforcer l'esprit chic
- Site vitrine donc j'ai fait le choix d'une page par thème.
- Mise en page symétrique, graphique et épuré pour une navigation
- choix de pages en plein écran pour la lisibilité et la simplicité de navigation simple
- Logo en haut à gauche et menu à droite sur fond blanc pour conserver l'esprit du client
- Utilisation d'ombre portée au niveau des boutons et de la section main afin d'apporter un peu de volume
- Utilisation de l'effet oversize pour mettre en évidence les slogans
Gamer Addict
Une sélection des meilleurs périphériques gamer
Gamer Addict
- Site sur des périphériques gamer
- Création d'un logo sous Illustrator en utilisant les Initailes du nom du site
- Choix du rouge pour l'esprit de compétitivité, hyper actif et agréssif dans le bon sens du terme
- Contraste entre le rouge et le noir correspondant bien avec l'esprit du thème
- utilisation de fonds dégradés du rouge vers un rouge tirant vers le noir pour adoucir les transitions
- Utilisation de l'oversize sur les sections avec un epolice de style futuriste
- Parallaxe et div en forme de flèche qui s'agrandissent au survol pour suggéré le mouvement et la technologie
- Titre effet néon pour rappeler les effets lumineux des périphériques et faire le lien entre le passé et le présent des jeux videos
- menu à gauche trés graphique avec la présence d'icones
- réutilisation de l'effet oversize avec les images des sections
Mad World
Site fictif avec effets parallax et glitch sur les maux de notre société
Mad World
- Choix l'effet glitch sur le header de la police des sections avec le thème de du site
- Images et créations graphiques Photoshop afin de renforcer l'effet dérangeant
- Alternance du positionnement du texte et effet parallaxe pour mettre en évidence les illustrations
- Fond header abstrait et reprenant des couleurs symbolisant la mélancolie, la solitude, la nostalgie et la mort
- Menu oblique en fixed pour renforcer le contenu du site en opposition avec la normailité
- section en pleine page pour une expérience plus immersive, chaque section son univers.
- utilisation des contrastes au niveau des polices: texte police simple, titres police travaillée
- Volonté d'une atmosphère pesante en accord avec le sujet du site