Reproduction

Reproduction

Explication du projet

Description du projet

Ce projet consiste à reproduire fidèlement la page d’accueil d’un site existant, en l’adaptant pour présenter un objet personnel comme s’il s’agissait d’une personne.L’objectif est de mettre en avant des compétences en UX/UI design ainsi qu’en développement web, tout en respectant la structure et l’esthétique du site original.

Le contenu est réinterprété de manière créative afin de donner une nouvelle identité au projet tout en conservant les bases du design initial.

visual from my reproduction site

Explication du projet

Ma démarche

J’ai d’abord choisi un site web existant à reproduire, puis je l’ai analysé en observant sa structure, ses animations et son design. Cette étape m’a permis de comprendre sa logique UX/UI avant de commencer la reproduction.J’ai ensuite adapté le contenu en choisissant un objet fétiche que j’ai humanisé, afin de le présenter comme une véritable “personne” sur le site. J’ai réécrit les textes et ajusté les visuels tout en respectant la mise en page d’origine.Le projet a été réalisé en HTML, CSS et JavaScript, en veillant à garder une structure propre, une bonne hiérarchie du code et une version responsive.

Image tirée de mon site web reproduction montrant la section consacrée aux lunettes

Explication du projet

Mes difficultés

L’une des principales difficultés a été de reproduire fidèlement la structure et les détails visuels du site original tout en gardant un code propre et bien organisé.C’était aussi l’une des premières fois où j’ai dû utiliser les trois langages (HTML, CSS et JavaScript) ensemble sur un même projet, ce qui a demandé un temps d’adaptation pour bien comprendre leur fonctionnement combiné.Il a également été complexe d’adapter le contenu existant à mon propre concept, notamment en humanisant l’objet choisi sans casser la cohérence du design et de la mise en page.

Image tirée de mon site web reproduction de la section d'accueil

Autres projets

SoundRap

SoundRap
SoundRap

ToolTip

ToolTip
ToolTip