Projets

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.

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