2023
Intégration web : Orchestra
-
Objectif : intégrer harmonieusement des visuels sur une page et la rendre compatible sur tous les périphériques
-
Création de la maquette sous Photoshop puis transformation en code
-
Techniques : HTML, CSS, bootstrap, javascript, photoshop
-
Conception : créer une page web avec les visuels fournis ou choisis en intégrant toutes les fonctions
En détail
Ici une refonte de page de l’histoire du groupe Orchestra.
Une maquette a été créée sous Photoshop avec :
■ 2 plans de travail Desktop et Mobile.
■ Calques transformés en objets dynamiques.
■ Dossiers et calques nommés et organisés.
■ Export des photos optimisées pour le web
Ensuite je suis passé à la création du code :
■ Création de la structure Bootstrap, des couleurs et de la police utilisée dans le fichier Photoshop.
■ Commenter le code HTML et le fichier CSS pour s’y retrouver facilement plus tard.
■ Test en mobile et desktop sous Firefox, Safari, Google Chrome, Edge.
2023-2024
Intégration web : L'Officina Menelli
-
Objectif : proposer au client un site clef en main qualitatif
-
Création du cahier des charges avec roadmap, délais...
-
Techniques : Jira, wordpress + elementor, indesign, photoshop
-
Conception : créer un site après avoir fait valider le cahier des charges, wireframe et maquette
En détail
Ici la construction intégrale d’un site de révision et vente de véhicules de loisirs typés Italiens.
Le client demande un site au design simple mais qualitatif pour présenter ses diverses prestations.
Toute la charte graphique, logo, animations, maquettes sont à construire, le projet part de zéro.
Cahier des charges, wireframe, maquette puis intégration massive sur WordPress en utilisant Elementor + du code CSS / javascript personnalisé pour les interactions sur les animations.
Une documentation sera créée pour lui permettre plus tard de mettre à jour tout seul son site.
Un très joli projet qui me plait beaucoup puisque je suis également un grand amateur de belles mécaniques.
Pas encore visible en ligne à cause des photos et vidéos non définitives, mais déjà bien avancé.
