J’ai effectué mon stage à l’agence LibreSens, du 28 janvier 2019 au 29 mars 2019. LibreSens est une agence de communication Internet se situant à Agen. Depuis 2001, LibreSens crée des sites internet, E-commerce, mobiles et des applications pour le Web.
L’équipe de LibreSens :
- Stéphane Louan : co-Gérant de LibreSens, responsable commercial et chef de projet
- Alain Etchepare : co-Gérant de LibreSens, développeur web / Intégrateur et chef de projet.
Dès le premier jour, Stéphane Louan m’a mis sur des projets web design, notamment sur la refonte design du site de présentation de LSCMS, le CMS de l’agence LibreSens, et aussi sur plusieurs travaux de création de pictogrammes, de logos et de cartes interactives.
Intégration CSS
Refonte du site de présentation de LSCMS
Mon premier travail en stage a été de faire la refonte générale du design du site Internet qui présente LSCMS, le CMS de l’agence. Ce site a pour but de guider les clients de l’agence lors de l’utilisation du CMS.
LSCMS est le CMS de l’agence LibreSens. Il offre aux clients de LibreSens la possibilité de gérer eux-même, avec une grande simplicité leur site Internet et d’être totalement autonome sur l’évolution de leurs contenus et de leur arborescence.
La refonte design du site de présentation du CMS a sollicité mon attention durant les deux mois du stage :
- Maquettage des pages du site avec Photoshop ;
- Création d’un slider avec photomontage à partir de photos libres de droit ;
- Modification et rajouts de styles CSS avec Dreamweaver ;
- Création d’un nouveau design pour le menu de navigation ;
- Nouveau design pour l’entête, le pied de page, les titres et les sous-titres.
Refonte du design du CMS
J’ai également participé à la refonte du design du CMS lui-même en créant de nouveaux pictos et en améliorant l’aspect extérieur de son tableau de bord en passant par ses différents styles CSS.
Créations vectorielles
Participation lors de la création d’une application
A l’occasion d’une commande d’une application pour le site car 47, j’ai participé à la conception de l’application en construisant le modèle de base en vectoriel avec Illustrator. Pour l’animation, cela a induit la création de plusieurs calques présentant notamment la voiture bleue sur trois positions : celle qui roule, celle qui freine et celle qui est accidentée.
Refonte de pictos pour le site LibreSens.com
Création d’un picto pour illustrer un flyer
J’ai créé le pictogramme ci-dessous pour illustrer le flyer présentant les offres en ligne sur le site Internet du cabinet comptable Lacaze et associés.
Création d’une carte de France interactive en svg
Pour le site Car France, J’ai participé au projet de création d’une carte de France interactive. Le but étant de rendre les départements cliquables afin de trouver une des associations de Car France dans chaque département.
J’ai construit la carte en vectoriel (voir ci-dessous) puis l’ai transformée en SVG pour pouvoir intégrer du nouveau code CSS et rendre ainsi chaque département cliquable.
Par la suite, la carte interactive a été intégrée dans la page du site Car France > Voir la page du site.
Création d’une carte du monde interactive en svg
J’ai également créé une carte du monde interactive en prévision à de futurs projets.