Bienvenue.

Je suis

Flavie

#junior front-end developer

Je suis passionnée par le développement web, et plus particulièrement le front-end qui permet la création d'expériences variées en s'adaptant sans cesse aux courants actuels et utilisateurs d'aujourd'hui.
Mais ce que m'offrent mon cursus actuel et mon intérêt pour la création, c'est d'être polyvalente. Mon côté créatif s'exprime par exemple dans la réalisation de visuels qui ajoutent une touche de personnalité à chaque projet, tandis que ma curiosité me pousse à aller plus loin en explorant le développement back-end, afin de pouvoir concevoir sur mesure ces expériences utilisateur uniques.

Découvrez ici mes travaux.

Mon CV

Travaux personnels

La Fée Perle

Mockup de la page d'accueil de La Fée Perle

Maquette page d'accueil pour La Fée Perle

html, css, javascript (projet d'ajout de php pour la page catalogue)


Je me suis lancée dans ce projet fictif pour le site e-commerce de La Fée Perle, dont je venais de refaire le logo ainsi que la palette de couleurs. J'ai pris plaisir à imaginer et développer une page d'accueil responsive, ce qui m'a permis de consolider mes compétences en HTML, CSS et Javascript !
Mon prochain défi est d'incorporer du PHP ainsi qu'une base de données pour la création de la page du catalogue de produits afin d'en automatiser l'affichage.

Photo produit de boucles d'oreilles en verre bleutées Photo produit de créoles décorées d'ivoire végétal rouge Photo produit d'un bracelet décoré de perles d'eau douce Photo produit de boucles d'oreilles en ivoire végétal rouges

Photos produits

Lightroom


Ce sont mes propres photographies de bijoux qui ont permis de donner vie à la vision de la page d'accueil de La Fée Perle. Passionnée par tous les aspects de la création, j'ai entrepris, depuis juin 2023, de faire des photos produits pour la marque. De la prise de vue à la retouche grâce à Lightroom, ces photos sont intégrées au site Prestashop de La Fée Perle dont j'ai en partie la charge.
Un univers élégant, naturel, sur un fond souvent uni mettant en valeur la couleur des créations.

BFF Team

Mockup du site BFF

Site vitrine pour la team BFF

html, css, js


Ce site vitrine responsive centré sur la page d'accueil a été réalisé pour une team de roller dancing fictive, la "Team BFF". Pour ce projet, j'ai puisé mon inspiration dans un mélange d'univers matchant avec l'esprit autour de cette équipe : les styles retro et hippie, tous les deux choisis pour leurs ambiances "good vibes" et colorées. En utilisant du HTML, du CSS et du javascript, j'ai traduit cette inspiration en un site véhiculant cette atmosphère positive et vivante.

Voir

Logo et avatars

illustrator


Pour rendre le site plus authentique, j'ai créé un logo à l'image de la team. Combinant fleurs, police épaisse, rondeurs et contours colorés, le logo a l'allure d'un autocollant plongeant dans le thème. De la même manière, j'ai préféré créer des avatars personnalisés, chacun représenté par un signe distinctif, plutôt que d'utiliser des images trouvées sur Internet pour représenter les membres de l'équipe.

Logo de la team BFF en forme de sticker retro Avatar du premier membre de l'équipe Avatar du deuxième membre de l'équipe Avatar du troisième membre de l'équipe

Travaux universitaires

Supernatural

Mockup du site Supernatural

Site Supernatural

html, css, javascript, php


Je me suis plongée dans l'aventure Supernatural lors de la création de ce site entièrement fonctionnel, réalisé lors d'un projet de travail en autonomie individuel. Le thème et le visuel du site étant libres, le design a donc été conçu pour rester fidèle à l'univers et apporter cette immersion dans la série à l'utilisateur. Respectant le cahier des charges, le site exploite une gestion de données json, stylisé avec DataTables, mais aussi du php afin de garantir un formulaire d'envoi de mail sécurisé ainsi qu'une fonctionnalité d'upload protégée par des codes d'accès.

Image de la page données du site Image de la page contact du site

Monster High

Mockup du site Monster High

Site Monster High

html, css, javascript, php


Dans le cadre d'un projet universitaire en autonomie, j'ai conçu un site-catalogue dédié aux différents personnages et films de Monster High.
Le design du site propose une vision moderne de l'esthétique Monster High tout en conservant une palette de couleurs inspirées de la franchise afin d'en préserver l'identité. Une expérience optimale est offerte à tous les utilisateurs par son côté responsive. Une base de données, des requêtes SQL ainsi que du php permettent l'affichage des personnages dans le catalogue automatiquement et donnent accès à une fonction de recherche parmi les monstres. Le point clé : un back-office pensé pour le client, lui permettant la gestion des différents personnages et films dans sa base de données (CRUD) protégés par des codes d'accès.

Galerie de créations

Migration : Quincaillerie raffinée, portuaire et hétéroclite

En quête d'une nouvelle charte graphique

Moodboard pour la nouvelle charte graphique de Migration

Moodboard

Mindmap pour la nouvelle charte graphique de Migration

Mindmap

Manifeste de la nouvelle charte graphique de Migration

Manifeste

Tartelettes au citron : Une recette illustrée

Esquisses réalisées pour la recette des tartelettes au citron

Esquisses

Illustration finale de la recette des tartelettes au citron

Recette finale

Me contacter

harreflavie@gmail.com