Projets

Site vitrine Musée national des douanes
Carrousel des collections sur la page d’accueil
Blocs de la page d’accueil renvoyant vers les parties principales du site
Menu principal
Page des informations pratiques avec menu et ancres pour accéder rapidement au contenu
Page de navigation selon le type de visiteur
Page présentant les collections du musée
Page histoire avec affichage par onglets
Outil permettant la recherche généalogique dans un fichier CSV et l’affichage du résultat sous forme de tableau
FAQ
{"dots":"true","arrows":"true","effect":"slide"}
Site vitrine Musée national des douanes

Site internet vitrine du Musée national des douanes à Bordeaux.

Il a été réalisé avec le CMS WordPress et le constructeur de page Elementor.

Je me suis occupée de la réalisation complète du site avec la construction de sa structure (en-tête, menu de gauche, pied de page…) puis l’intégration de toutes les pages.

Dans la partie « Généalogie » du site, j’ai installé un moteur de recherche patronymique à partir du fichier Excel du client transformé en CSV.

J’ai aussi réalisé le support de formation qui permettra au client de pouvoir être autonome dans les modifications de son site.

Voir le projet
Multisite Cliniques Louis Pasteur Santé
Carrousel des spécialités avec CTA vers la liste de médecins
Liste des médecins avec filtres par spécialité et établissement
Exemple d’une page de contenu avec compteurs de chiffres clés
Actualités et agenda
Carrousel des offres d’emploi avec CTA vers l’espace recrutement
Espace d’administration avec partage des données du master site vers les mini-sites
Exemple de la page d’accueil d’un des mini-sites
Exemple d’une page de contenu d’un mini-site
{"dots":"true","arrows":"true","effect":"slide"}
Multisite Cliniques Louis Pasteur Santé

Réseau multisite comprenant le master site Louis Pasteur Santé et les 7 mini sites des cliniques du groupe.

Il a été réalisé avec le système de réseau multisite du CMS WordPress et le constructeur de page Elementor.

Je me suis occupée de la mise en place du réseau multisite, de l’intégration des maquettes et des interconnexions de données du site parent vers les sites enfants (médecins, spécialités, documents, actualités).

Voir le projet
Site vitrine Termicap
Icônes de mise en avant de l’entreprise
Présentation des services proposés par l’entreprise
Page de contenu détaillant l’un des services
Formulaire de contact intégré au pied de page du site
{"dots":"true","arrows":"true","effect":"slide"}
Site vitrine Termicap

Site internet vitrine de présentation de l’entreprise Termicap.

Il a été réalisé avec le CMS WordPress et le constructeur de page Elementor.

A partir d’un thème Elementor, je me suis occupée d’intégrer les contenus fournis par le client et d’effectuer les modifications nécessaires pour coller au résultat souhaité. J’ai aussi mis en place le formulaire de contact ainsi qu’un blog, utile par la suite pour alimenter le site et pousser son référencement naturel.

Voir le projet
Site du centre de formation Catherine Cressens
Carrousel des formations disponibles
Agenda des sessions de formation en cours et à venir
Liste des modules d’une formation
Présentation de l’équipe
Carrousel de témoignages des participants
Formulaire de contact
{"dots":"true","arrows":"true","effect":"slide"}
Site vitrine Catherine Cressens

Site internet présentant le centre de formation en réflexologie et naturopathie Catherine Cressens.

Il a été fait avec le CMS WordPress et le constructeur de page Elementor.

J’ai réalisé le site de la préproduction à la mise en ligne finale. Pour ce faire, j’ai l’intégré des pages statiques et dynamiques en respectant la maquette fournie par le webdesigner. Deux customs posts ont été mis en place : un pour la liste de formation et un pour les sessions de formations. Une page actualités a aussi été créée ainsi qu’une page contact comprenant un formulaire, une maps et les informations utiles pour se rendre sur place ou téléphoner.

 

Voir le projet
Site vitrine Arcas
Liste des réalisations avec affichage visuel
Page de détails d’un projet avec galerie d’images
Présentation de l’entreprise et de l’équipe
Timeline retraçant l’histoire de l’entreprise
Compteurs des chiffres clés de l’entreprise
Page de contact avec les deux établissements sur la carte
{"dots":"true","arrows":"true","effect":"slide"}
Site vitrine Arcas

Site internet vitrine présentant la société de construction et rénovation Arcas.

Il s’agit d’un WordPress avec le constructeur de page Elementor.

Je me suis occupée de toute la réalisation du site avec notamment l’intégration de la page d’accueil, des pages présentant les réalisations, des pages à propos, de la partie recrutement et de la page contact avec le formulaire et la maps permettant de situer les deux établissements. J’ai aussi mis en place le modèle de page utilisé pour présenter chaque réalisation avec une galerie d’images. Pour finir, j’ai mis en ligne le site en remplacement de l’ancien tout en conservant le référencement (redirections URL). Un support de formation a aussi été réalisé afin de permettre au client d’alimenter son site en contenu en toute autonomie.

Voir le projet
Site web du Parc Naturel Régional de Lorraine
Méga menu avec images
Carte interactive du Parc
Configuration des flux Sitlor de synchronisation des catégories de la carte interactive
Liste des actions avec code couleur au survol
Contenu filtrable
Agenda synchronisé avec Sitlor
Page des publications avec le magazine du Parc
Second site similaire pour l’Observatoire du Parc
{"dots":"true","arrows":"true","effect":"slide"}
WordPress Parc Naturel Régional de Lorraine

Sites internet du Parc Naturel Régional de Lorraine et de son Observatoire.

Les deux sites ont été construits avec le CMS WordPress et Elementor. Ils partent d’une base similaire et utilisent le même custom thème.

J’ai réalisé les deux sites de A à Z à partir des maquettes fournies par le webdesigner. Je me suis notamment occupée de la conception de la structure du site (en-tête, pied de page, menus…), de l’intégration des pages en suivant une arborescence allant de la page de navigation à la page profonde, de la création de customs posts (documents, publications, offres d’emplois…), de la mise en place d’un agenda connecté aux événements provenant de la base de données touristiques Sitlor et de la réalisation d’une carte interactive. J’ai aussi ajouté un blog et un formulaire de contact.

Ensuite j’ai réalisé le deuxième site puis les ai tous deux mis en ligne après avoir produit un support de formation pour rendre le client autonome dans ses futures modifications.

Voir le projet
Site web de l’Office de Tourisme de Toul
Méga menu avec images
Carte interactive de la route touristique des Côtes de Toul
Agenda synchronisé avec Sitlor
Catégories Sitlor
Page de description d’un « Alentour »
Bloc de contenu
Formulaire en deux étapes
Configuration en back-office des catégories Sitlor
{"dots":"true","arrows":"true","effect":"slide"}
WordPress Office de Tourisme de Toul

Site internet de l’Office de Tourisme de Toul mettant en avant les différents lieux et activités présents en terres Touloises.

Il a été conçu avec le CMS WordPress et le constructeur de page Elementor. Une partie des contenus du site est directement remontée depuis la base de données touristiques Sitlor.

En binôme sur ce projet, je me suis occupée de l’intégration de la page d’accueil et des pages statiques des incontournables et des alentours. Certaines de ces pages contiennent une carte interactive que j’ai également réalisée. J’ai aussi mis en place le formulaire de contact ainsi que ceux à destination des groupes et des professionnels. Enfin j’ai créé les pages parentes des catégories Sitlor, tandis que mon collègue a effectué la remontée d’information et les pages les affichant. Dès que la préproduction a été terminée et validée, je l’ai mise en production et ai formé le client à l’utilisation de son nouveau site.

Voir le projet
Site web de Chateau d’Ax
Carrousel d’images interactives d’inspiration
Image interactive présentant une inspiration déco
Image interactive en mobile
Paramétrage back-office d’une image interactive
Description d’une inspiration déco
Timeline des étapes pour préparer sa visite en magasin
Page de contenu
{"dots":"true","arrows":"true","effect":"slide"}
Site web de Chateau d’Ax

Site internet de Chateau d’Ax visant à présenter ses collections de salons, les promotions en cours, l’histoire de l’entreprise et surtout à trouver les magasins et y prendre rdv en ligne.

Le site utilise le CMS WordPress, le plugin d’e-commerce Woocommerce et le constructeur de page Elementor.

En équipe sur ce projet, je me suis occupée de l’intégration de certaines pages statiques et de la création de la partie « Inspirations » qui permet aux clients de découvrir les produits sous forme d’ambiance avec des photos interactives.

Voir le projet
Site vitrine Quartier Lizé
Chiffres clés sous forme de compteurs
Calendrier sous forme de timeline
Timeline retraçant l’histoire du quartier
Vidéo de présentation
Présentation de l’écoquartier
Page des actualités
{"dots":"true","arrows":"true","effect":"slide"}
Site vitrine Quartier Lizé

Site de présentation du programme immobilier Quartier Lizé.

Ce site vitrine a été réalisé sur WordPress avec Elementor.

Il contient différentes pages présentant le programme neuf Quartier Lizé ainsi qu’un formulaire de contact.

À partir des maquettes fournies, j’ai intégré tout le site en moins d’une semaine.

Voir le projet
WordPress CAPS
Page d’accueil avec carrousel des programmes en cours
Listing des programmes avec carte interactive
Page de détails d’un programme
Exemple d’une page principale
Exemple d’une page de contenu
Timeline des étapes d’un projet d’achat immobilier
Page des actualités avec filtres par thématique
FAQ avec filtres par thématique
{"dots":"true","arrows":"true","effect":"slide"}
WordPress CAPS

Site internet présentant la CAPS (Coopérative d’Accession Sociale à la Propriété) ainsi que ses programmes immobiliers passés, en cours et à venir.

Il a été fait avec le CMS WordPress et le constructeur de page Elementor.

En binôme sur ce projet, je me suis occupée de l’intégration de la page d’accueil, de toutes les pages statiques du site, de la mise en place des actualités et de la FAQ ainsi que de la création du formulaire de contact, tandis que mon collègue s’est chargé de toute la partie des programmes. J’ai également mis en place une interconnexion avec un CRM de gestion des programmes immobiliers pour l’affichage des lots disponibles et la récupération des documents liés (plans…).

Voir le projet
Opticlibre
Page de connexion
Page d’accueil
Mega menu
Présentation de la marketplace
Carrousel des actualités du blog
Carrousel des avis clients
Formulaire de prise de RDV
Vues mobiles
{"dots":"true","arrows":"true","effect":"slide"}
Marketplace opticiens

Marketplace réalisée sur WordPress avec Elementor et WooCommerce.

Elle propose aux opticiens adhérents du club Opticlibre de passer des commandes de produits et services leur permettant de développer leur business en améliorant leur visibilité.

En binôme avec un collègue, j’ai principalement intégré les maquettes sur Elementor, effectué les paramétrages du site, créé le mega menu, mis en place le blog et ajouté les diverses animations ; tandis qu’il s’occupait de la partie WooCommerce.

Voir le projet
plany
Listing profils
Profil utilisateur
Page mission
Automatisation des DPAE
Tableau de bord
Vue mobile du profil candidat
{"dots":"true","arrows":"true","effect":"slide"}
Application métier plany

ERP SaaS de gestion pour agences d’événementiel.

Réalisée en Laravel, l’application « plany » permet aux agences d’hôtes et hôtesses de gérer leurs recrutements, leur personnel, leurs prestations, leur booking, leur clientèle et d’automatiser l’administratif lié.

Je me suis occupée de la conception, du développement et/ou de l’amélioration de divers outils de la plateforme : planning, listing, dashboard

En parallèle, j’ai traité le support utilisateur en répondant aux divers tickets des clients (assistance, correction de bugs…).

Voir le projet
plany.jobs
Listing des annonces
Détails d’une annonce
Formulaire d’inscription
Page profil
plany’s blog
Vues mobiles
Planning de publication réseaux sociaux
Instagram plany.jobs
{"dots":"true","arrows":"true","effect":"slide"}
Site d’emploi plany.jobs

Site d’offres d’emploi spécialisé dans l’événementiel.

La partie back-end et l’API du site ont été réalisées en Laravel, tandis que le front utilise VueJS.

Je me suis principalement occupée de la passerelle mise en place entre le site et le logiciel métier « plany » qui permet de descendre les annonces provenant de « plany » sur plany.jobs et inversement de remonter les candidatures et profils candidats dans l’application « plany ». J’ai également participé à des améliorations front CSS, SEO…

Pour attirer les candidats et améliorer le référencement, j’ai pris en charge, en tant qu’autodidacte, l’écriture des articles du blog au rythme d’un par mois et le community management en préparant un planning de publication d’un à deux posts par jour ainsi qu’une story quotidienne sur Instagram et Facebook.

Voir le projet
Pilot Capless
Page d’accueil
Liste stylos Capless
Roue présentant la technologie Capless
Composer son coffret Capless
Tunnel de personnalisation
Histoire
{"dots":"true","arrows":"true","effect":"slide"}
E-commerce Magento Pilot Capless

Site e-commerce Magento pour les stylos haut de gamme Pilot Capless.

La e-boutique permet de customiser son stylo, composer un coffret

Je me suis principalement occupé de l’intégration HTML et CSS des pages d’accueil, de produits et de présentation de la marque, ainsi que la mise en place des diverses animations sur ces dernières.

Voir le projet
Pilot
Page d’accueil Pilot Pintor
Visuel avant/après
Stylo et couleurs
Galerie vidéos
Page d’accueil FrixBook
Téléchargement des cahiers de coloriage
{"dots":"true","arrows":"true","effect":"slide"}
WordPress Pilot

Deux sites promotionnels one-page pour de nouveaux produits Pilot.

Ils ont été réalisés sous WordPress avec la mise en place de custom post type pour les stylos et leurs couleurs.

Chaque section a été intégrée avec la gestion d’un affichage parfait quel que soit le support de navigation du client (PC, tablette, mobile).

Tous les contenus sont paramétrables sur WordPress par le client.

Les sites sont multilingues avec l’utilisation du plugin WPML et la détection automatique de la langue selon l’adresse IP.

Voir le projet
Lyohome
Page d’accueil
Vues de l’application mobile
{"dots":"true","arrows":"true","effect":"slide"}
Site et application d’annonces Lyohome

Site web et application mobile multi-plateforme de petites annonces.

Le concept est de proposer ses annonces sous forme de vidéo notamment pour des lots d’objets.

L’utilisateur peut donc effectuer une recherche avec des filtres, poster une annonce, faire une offre pour un objet qui l’intéresse, contacter le vendeur

Voir le projet
Sailing Video Award
Liste des vidéos et vote
Liste des actualités
Article des actualités
{"dots":"true","arrows":"true","effect":"slide"}
Site administrable Sailing Video Award

Site administrable à partir d’un CMS maison développé avec CakePHP.

Des interfaces, des formulaires et des pages spécifiques ont été mis en place.

Voir le projet
Vinatis
Page d’accueil
Fiche produit
{"dots":"true","arrows":"true","effect":"slide"}
E-commerce Prestashop Vinatis

Site e-commerce de vente de vin basé sur le CMS Prestashop (PHP, HTML, CSS) et le Framework front Bootstrap.

J’y ai développé divers dashboards internes et outils d’administration côté back-office ainsi que l’automatisation des campagnes mail.

Côté front-office, j’ai notamment mis en place un algorithme de classement produits, un guide d’achat, la partie « Mon compte » et un maillage interne pour le SEO.

Voir le projet
Spot’La
Vues de l’application mobile
Vues de l’application mobile
Vues de l’application mobile
Accueil du back-office de l’application mobile
Création des parcours depuis le back-office
Création d’un ticket depuis le back-office
Historique d’un joueur
{"dots":"true","arrows":"true","effect":"slide"}
Application touristique Spot’La

Application mobile multi-plateforme de parcours touristiques ou événementiels sous forme de jeu avec géolocalisation et scanne de QR Code.

L’application a été développée avec le Framework Cordova et son back-office web sous CakePHP.

Ce dernier permet de créer des parcours avec des questions, de paramétrer l’application (langues, menu, catégories…), de visualiser les classements

Il contient également le webservice qui communique avec la partie mobile.

Voir le projet
N’oubliez pas les paroles
Début de partie
Choix du mode de jeu
Liste des thèmes
Choix de la chanson
Karaoké
Coupure et reconnaissance vocale
Mots à trouver
Joker appel à un ami
Joker 2 mots
Joker switch
Gain
Liste des thèmes après premier gain
Site vitrine présentant le jeu mobile
Site pour jouer sur PC
Liste des chansons sur le back-office
Liste des jokers sur le back-office
Schéma du fonctionnement de l’application
{"dots":"true","arrows":"true","effect":"slide"}
Jeu N’oubliez pas les paroles

Application mobile multi-plateforme reprenant le jeu télévisé « N’oubliez pas les paroles » avec un système de karaoké et une reconnaissance vocale.

Un site promotionnel a également été fait ainsi que le back-office en Symfony permettant de gérer les données de l’application.

Voir le projet
Therma/Aluglass
Page d’accueil Therma
Liste des contenus Therma
Formulaire de modification d’un contenu
Dashboard avec statistiques de fonctionnement
Page d’accueil Aluglass
Liste des contenus Aluglass
Liste des actualités
Formulaire d’ajout d’un contenu
{"dots":"true","arrows":"true","effect":"slide"}
Site d’entreprise Therma & Aluglass

Deux sites vitrines d’entreprise, totalement administrables tel un CMS, développés de toutes pièces à l’aide du Framework CodeIgniter et avec les langages PHP, HTML, CSS, JavaScript et SQL.

Les deux sites sont similaires et comprennent une partie publique de présentation de l’entreprise et une partie d’administration pour modifier les contenus et visualiser des statistiques de fonctionnement.

Le premier, beaucoup plus complet, dispose aussi d’une partie de téléchargement de documents, après complétion d’un formulaire pour la constitution d’une base de données de prospects et d’une gestion d’inscription à des formations.

Le second propose une partie blog avec un fil d’actualités que l’on retrouve en page d’accueil.

Ils ont tous deux été réalisés de A à Z, du cahier des charges à la mise en ligne en passant par le maquettage, la conception et la formation client.

Les deux sites sont totalement responsive grâce à l’utilisation de Bootstrap.

Voir le projet
Portfolio
Page d’accueil
Listing des projets
Détails d’un projet
CV avec expérience professionnelle
CV avec compétences
Formulaire de contact
{"dots":"true","arrows":"true","effect":"slide"}
Portfolio

Développement d’un site à visé de portfolio professionnel.

Ce dernier comprend une page d’accueil, un listing de projets avec le détail de chacun, un CV web, un formulaire de contact et un lien vers un CV PDF.

Le projet a été développé from scratch avec le Framework CodeIgniter et les langages PHP, HTML, CSS et Javascript. Le modèle de la base de données MySQL et la charte graphique responsive dans des tons de gris ont aussi été créés.

Voir le projet
Site interne IUT Info
Listing des actions de communication
Détails et inscription
{"dots":"true","arrows":"true","effect":"slide"}
Site interne IUT Info

Application web permettant la gestion des actions de communication du département Informatique de l’IUT d’Annecy.

L’interface permet la connexion des utilisateurs répartis en trois rôles distincts : les étudiants, les enseignants et l’administrateur avec un accès spécifique à un tableau de bord et à des paramétrages.

Les enseignants peuvent ajouter des actions de communication et les étudiants s’y inscrire avec un système de liste d’attente lorsqu’il n’y a plus de place disponible.

Le système génère également des fiches récapitulatives en fin d’action.

Le site a d’abord été développé en PHP natif avant d’être refondu avec le Framework CodeIgniter.

Voir le projet
Concours CSS
Concours CSS
Concours CSS
{"dots":"true","arrows":"true","effect":"slide"}
Mise en forme CSS originale

Dans le cadre d’un concours CSS, une mise en forme devait être réalisée uniquement en CSS et à partir d’un site web existant.

Sur le modèle d’un écran d’iPhone, j’ai modifié chaque partie du site pour que des pages s’affichent au survol des applications ayant une notification.

Amusant à revoir aujourd’hui pour se replonger dans la version iOS de l’époque (2013) !

Voir le projet
Mise en forme de données en Angular
Affichage des planètes
Détails d’une planète
{"dots":"true","arrows":"true","effect":"slide"}
Mise en forme de données en Angular

À partir d’un jeu de données en JSON concernant les planètes du système solaire, une mise en page attrayante a été faite pour les présenter en fonction de leur diamètre et leur distance au soleil, le tout en s’adaptant à la taille de la fenêtre.

Chaque planète est cliquable pour visualiser le détail des informations la concernant de manière ludique avec un sourire aléatoire !

Le rendu utilise AngularJS avec les langages Javascript, HTML et CSS.

Voir le projet
Applications mobiles
ADU (Anecdotes De l’Université)
Application de chat
Jeu iOS Minion
{"dots":"true","arrows":"true","effect":"slide"}
Applications mobiles diverses

Les deux premières applications présentées sont réalisées en Android natif.

L’une, ADU (Anecdotes De l’Université), reprend le concept de VDM en l’adaptant à l’Université avec des thèmes adaptés à la vie étudiante. Elle contient la liste de toutes les anecdotes, un formulaire pour en poster une nouvelle avec ou sans photo et une redirection mail pour contacter les développeurs.

La seconde est une application de chat avec différentes chaînes de discussion, l’envoi de messages (texte, photo et/ou position géographique), la visualisation du détail d’un message (position sur une carte…) et une liste d’amis avec messagerie privée.

La troisième application est un petit jeu réalisé en Objective-C pour iOS. Développée en un après-midi, le but du jeu est de marquer le maximum de points en déplaçant l’objet avec son doigt (ici une banane) pour la donner à manger au personnage (le Minion) et gagner un point ; par contre, si elle touche l’autre personnage (le chien), le joueur perd 10 points.

Voir le projet