Arno Cellarier

Web developer based in Île de France, with a strong focus on design and user experience.

Get in touch for any question.

Motif composé de triangles

Selected work

Bus sur fond vert

Omsistuff - Librairie de repaints

Avion Air France sur fond bleu

Thèses soutenues en France

Afficheur à pastilles sur fond jaune

Kpp Maker - Création de girouettes

Le Mont-Saint-Michel sur fond rouge

Mont-Saint-Michel - Forum UNESCO

Barrage hydrolique sur fond violet

MTE - Portail assainissement collectif

Omsistuff

Omsistuff est une plateforme communautaire qui rassemble des créations pour le jeu OMSI 2.

  • 11k Visits each month
  • 209 repaints published in 2021
  • 310 members
  • Since 2019
in april 2022, via Cloudflare Web Analytics.

fonctionnalités principales

Trouvez rapidement ce que vous cherchez.

Trouvez vos repaints grâce aux filtres de recherche ou aux suggestions personnalisées.

Connexion en un clic !

Se connecter n'a jamais été aussi simple ! Entrez votre adresse email et recevez un lien de connexion dans votre boite de reception.

Postez des repaints simplement

Le formulaire est divisé en grandes étapes, toutes expliquées et intuitives. Tous les champs ne sont pas obligatoires, afin de poster plus rapidement le repaint.

Projet thèses

L'objectif de ce projet, réalisé sur deux semestres, est de créer un site en PHP repertoriant toutes les thèses soutenues en France depuis 1985. Pour cela, on s'appuie sur un jeu de données publique disponible sur datagouv.

Le premier objectif du projet consiste à transferer les données dans une base de données SQL pour les exploiter ensuite sur le site. Le tout est réalisé à l'aide d'un script d'importation codé en PHP, qui permet d'importer ligne par ligne les thèses contenues dans le fichier JSON de 2 Go.

A l'aide de ces données, on affiche quelques graphiques et informations sur le total des thèses contenues dans la base de données. On peut aussi afficher des graphiques et des résultats en fonction d'une recherche, plus ou moins précise.

  • 44 898 repertoried

fonctionnalités principales

Localised search

En entrant un nom de ville, vous accédez aux thèses soutenues dans cette ville. Il est possible de localiser une recherche en passant par la recherche avancée.

Compare searches

Comparez les statistiques globales de plusieurs recherches à la fois, jusqu'à 4 comparaisons.

Create alerts

Entrez votre adresse email sur une recherche pour recevoir un mail lorsque de nouvelles thèses seront publiées sur ce domaine.

Résultats de recherche

Le gros travail sur le site a été l'affichage des résultats de recherche. J'ai voulu, pour rendre les informations claires, reproduire une interface style moteur de recherche, et axer tout mon site sur la recherche.

Chaque résultat peut être affiché differemment en fonction du contexte. Par exemple, lorsque la description contient les mots de la recherche, ils sont surlignés dans le texte. Quand il s'agit des sujets, une liste de tous les sujets est affichée. Les sommaires contenus dans le resumé de chaque thèses est aussi automatiquement detecté pour fourni un affichage par puces numérotées.

Images

Certains résultats inclus des images. Cela peut paraitre simple, mais il était compliqué de récuperer des images pour un thèse donnée. En effet, il n'existe aucune image dans le jeu de données, elles proviennent en fait du PDF, qui est scrappé par le site, dans le cas des thèses qui sont disponibles sur internet.

Le processus de scrapping etant très lourd, une mise en cache a été necessaire. Au dela de ca, le processus était tellement long qu'il a aussi fallu l'appeler après le chargement des résultats de recherche. Les images chargent donc indépendamment du reste.

Par auteur

En tapant le nom d'un auteur, on retrouve toutes les thèses qu'il a soutenues. De plus, on peut filtrer chaque recherche en fonction d'un auteur à l'aide de la recherche avancée.

  • 44 545 authors
Bientôt dispo. Activez les notifications (page d'accueil) pour recevoir un rappel.

KPP Maker

Cet utilitaire permet de reproduire les bandeaux LEDs utilisés sur les bus, de manière très simplifiée.

  • ~ 3k unique visitors
  • Since 2019

fonctionnalités principales

Création simplifiée

Créez des girouettes sans connaissances préalables.

Girouettes alternantes

Affichez plusieurs destinations / messages en même temps.

Girouettes défilantes

Plus de place ? Affichez de longues destinations et faites la défiler.

Organisez vos girouettes

Gardez votre espace de travail rangé et organisez vos destinations.

Partage

Envoyez un lien à vos amis pour qu'ils récuperent votre girouette.

Exportation

Utilisez vos girouettes dans OMSI 2 à l'aide du menu d'exportation.

Mont-Saint-Michel — Forum UNESCO

Ce site web a été réalisé dans le cadre d'un projet universitaire de première année, qui consistait à mettre en avant un lieu inscrit au patrimoine mondial de l'UNESCO à travers un site web.

Fonctionnalités principales

Survolez le Mont

Découvrez les meilleurs coins du Mont dans une visite immersive en 3D.

Découvrez des lieux intéressants

Ouvrez la carte et regardez comment vous pourrez occuper votre journée sur le Mont.

Testez vos connaissances

Répondez à des questions pour voir si vous connaissez réellement le Mont.

Étapes de réflexion

Avant de se lancer, l’étape la plus importante était de choisir un lieu. Nous avions le choix parmi plus de 1000 lieux, dont 49 en France. Nous avons privilégié un lieu français pour mettre en avant notre patrimoine, mais surtout pour pouvoir nous y rendre plus facilement afin d’y faire des photos ou prendre des renseignements. Nous avons donc choisi le Mont-Saint-Michel et sa baie.

Les recherches ont été une partie importante du projet, que ce soit dans des ouvrages ou sur internet. Il s’agit de recherches historiques pour les retranscrire sur la frise chronologique ou encore les questions du quiz, mais aussi des recherches plus actuelles pour savoir ce qu’il est possible de faire sur place.

Nous avons ensuite réfléchi aux différents écrans du site, qui ont légèrement évolué depuis. Il s’agit ici d’un premier wireframing qui nous permet de placer les différents éléments et ainsi voir comment les disposer de façon optimale.

Dessins d'interfaces sur un tableau blanc Dessins d'interfaces sur un tableau blanc
Premier prototype d’interface sur tableau blanc, Septembre 2021

Nous avons très vite informatisé ce wireframing pour commencer à réfléchir aux tailles de textes, aux espacements et autres.

Wireframing de la visite en 3D
Wireframing de la visite virtuelle sur mobile

Il est important de commencer à réfléchir à l’aspect technique pendant la réalisation du wireframing, car celui ci peut conditionner certains éléments de l’interface

Aspects techniques

Réduction de la taille des images Visite virtuelle
Réduction de la taille des images Traductions
Réduction de la taille des images Mise en cache

Communication

Benchmarking

Pour trouver des idées de fonctionnalités, nous avons regardé et analysé des sites dans le même type que le nôtre, comme celui du musée d’Orsay ou du Louvre, mais aussi des sites plus populaires comme Google Arts & Culture, qui possède un grand nombre de fonctionnalités intéressantes.

Engagement

Nous avons sollicité un maximum de personnes, que ce soit des créateurs ou des utilisateurs. Nous avons partagé en novembre 2021 un premier formulaire avec des questions générales sur le site, pour savoir ce qu’ils attendaient d’un site sur le Mont-Saint-Michel, en termes d’informations mais aussi de fonctionnalités. Nous avons reçu plus de 800 réponses dont près de 300 personnes qui ont laissé leur adresse email pour suivre les avancées du projet.

Bêta Test

Nous avons organisé une phase de bêta test dans laquelle nous avons sollicité une trentaine de personnes, qui ont navigué sur notre site pour repérer les bugs et les points à améliorer. Nous avons pour cela utilisé Hotjar afin de voir comment les gens utilisent notre site et sur quelles pages ils passaient le plus de temps.

L'équipe


Portail assainissement collectif

Aide à la réalisation de l'interface du site. Il s'agit d'une refonte complète de l'ergonomie du site assainissement.developpement-durable.gouv.fr devenue vieillissante.

  • 21.5k users each year
  • +3k agglomérations de 2000 Eh
  • 22.3k stations de traitement des eaux usées
  • 78.5M d'équivalent habitant (EH)
data in 2020

fonctionnalités principales

Carte dynamique depollution

Carte dynamique des ouvrages de dépollution

Recherche multi critères des ouvrages de dépollution

Fiche détaillée

Fiche détaillée

Export de l'ensemble des données des systèmes d'assainissement (données annualisées)

Dialogue de téléchargement des données

Téléchargements

Téléchargez les données et réuitlisez les dans vos applications.

Be notified of news

Check the box to receive notifications when new content is posted on my portfolio (You can deactivate this option at any time).

Tools

List of usefull tools for developpers.