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

Farman - Actualités aéronautiques

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.

Farman

Farman est un média d'actualités sur l'aviation. A la base sur youtube, il fallait un site web pour proposer des articles écrits et des guides de voyage consultables à tout moment.

  • Since 2020

fonctionnalités principales

Découvrez des articles passionnants

Installez l'application et consultez les articles postés par Farman ou la communauté.

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.

Plus de réseau ?

Téléchargez vos guides de voyage et consultez vos articles meme sans connexion internet.

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.