Rose Bertin est un projet de construction de site internet pour un maison de Haute Couture , entièrement codé en HTML/CSS, Javascript et PHP.

C'est un projet fictif réalisé dans le cadre de ma formation lors de l'apprentissage de ces langages informatiques.

Pour ce projet, on était en groupe de trois personnes.

Pour la création du logo, on avait carte blanche sur toute la réalisation. On est donc parti sur l'idée de représenter les initiales de Rose Bertin dans un style plutôt manuscrit pour faire comme une signature. Cela donne un coté authentique et traditionnel à la marque.
On a également réfléchis d'y rajouter une rose, qui rappellerait le nom de Rose Bertin.

J'ai donc réalisé sur Illustrator les différents éléments qui composeront le logo: les initiales, la rose, la base line.

Avec les membres du groupe, après une longue réflexion, on s'est mis d'accord pour garder le logo n°2 de la planche.

Pour les couleur, nous voulions des couleurs raffinées, qui montreraient le côté luxe de la maison de couture. Nous sommes donc hésité sur deux associations de couleurs:

  - Noir et Rose

  - Bleu et Doré

On était tous d'accord pour choisir le logo N°2, 

Animation réalisée sur After Effects.

Pour l'aspect général de la marque de la maison, on a choisi de donner deux aspects différents selon les supports print ou les supports web.

Le Moodboard représente donc l'aspect qu'aura les supports print. Un côté plus artistique, plus extravagante qui montre la grande créativité de la maison de luxe.

Le Styletile, lui, montre l'aspect général du site web, un aspect plutôt tourné "No Design" pour montrer également le sérieux de la marque mais aussi pour une lecture du site plus épuré et plus légère.

On a réalisé deux versions pour un set d'icônes de réassurance sous Illustrator, un pour le web et l'autre pour print. 

On a fait un design simple et épuré pour que les icônes s'intègrent bien avec l'aspect le site internet.

Les icônes pour le print ont un style plus artistique, comme dessinées au pinceau, avec un trait qui rappelle le tracé les initiales du logo.

Avant de commencer le codage du site, j'ai réalisé la maquette de la page d'accueil, de la page "Mode" et de la page "Parfums" sur Photoshop. Ce sont les pages du site dont j'étais chargée du design et du codage.

Code de l'animation de la landing page du site. J'ai donc utilisé le langage HTML pour la structure, le CSS pour le style et le Javascript pour l'animation.

Dans cette vidéo, je vais vous faire visiter les 3 pages que j'ai dû coder. J'étais donc chargée de coder la page Accueil, Mode et Parfum. Le reste des pages, c'est à dire la page Équipe et la page Contact a été codé par mes collègues.