en
Naito One

Des sites web Beaux et Efficaces

Yhrel

Tim Yhrel Winkelmann

Dev Full-Stack Senior

PDG Naito One

Beau

Discret mais saisissant. Naturellement intrigant.
Un lieu où votre public a envie de rester.

Efficace

Fait ce dont vous avez besoin, sans ce dont vous vous passez.
Agréable pour les visiteurs, léger pour les serveurs.

Quelques-unes de nos créations

  • Visual KARSYS : application géologique en perpétuelle évolution

    Nous sommes développeurs principaux sur Visual KARSYS, une application web gratuite dédiée à l'étude des sols, du karst et des aquifères. Cette application complexe et en constante évolution présente de nombreux défis, tels que des migrations continues de divers systèmes, bibliothèques et langages de conception. Chaque fonctionnalité doit être maintenue, chaque utilisateur doit être accompagné dans les évolutions, tandis que les nouveaux développements apportent leur lot de fonctionnalités puissantes et inédites.

    • Angular: Le framework web pour construire des apps modernes
    • Tailwind CSS: Framework CSS utilitaire pour construire rapidement des sites modernes
    • TypeScript: JavaScript avec typage syntaxique
    • Three.js: Bibliothèque 3D pour JavaScript
    • Spring: Rendre la programmation Java plus rapide, simple et sûre pour tous
    • PostgreSQL: La base de données open source la plus avancée au monde
    • jOOQ: La façon la plus simple d’écrire du SQL en Java
    • Flask: Framework web Python évolutif jusqu’à des apps complexes
    • Celery: File d’attente de tâches distribuée
    • Redis: Données temps réel pour agents et applications
    • CGAL: La bibliothèque d’algorithmes de géométrie computationnelle
    • Docker: Développement d’applications conteneurisées accéléré
    • Grafana: Observabilité full-stack pour l’ère des agents
    • Jenkins: Outil d’intégration continue
    Points clés du projet
    • Conseiller technique auprès du chef de projet (estimations des coûts, définitions des priorités)
    • Intégration et accompagnement réguliers de développeurs temporaires
    • Décisions UI/UX et maintien de la cohérence visuelle
    • Conception et implémentation de nouvelles fonctionnalités à partir de cahiers des charges
    • Simulations 3D, systèmes de particules, visualisations cartographiques 2D
    • Optimisation et équilibrage des performances entre les composants de l'infrastructure
    Visiter le Site Visual KARSYS
    • Aperçu n°1 de Visual KARSYS
    • Aperçu n°2 de Visual KARSYS
    • Aperçu n°3 de Visual KARSYS
    • Aperçu n°4 de Visual KARSYS
    • Aperçu n°5 de Visual KARSYS
    • Aperçu n°6 de Visual KARSYS
  • Meters: plateforme IoT souveraine pour le suivi de la consommation énergétique et des températures

    Initialement développé pour répondre aux besoins d'un client spécifique, ce projet est désormais proposé en tant que service cloud par Naito One. La plateforme intègre des périphériques connectés équipés d'une large gamme de capteurs, communiquant tous avec une infrastructure centrale qui enregistre les données dans le temps. Une interface web permet aux prenneurs de décisions de visualiser et d'analyser les données, de définir des objectifs et de configurer des alertes.

    Ce service peut être déployé pour surveiller la consommation dans les bâtiments municipaux ou dans des entreprises multisites, une exigence clé pour la certification environnementale ISO 14001. Il aide à identifier les inefficacités des systèmes de chauffage et les comportements défavorables des occupants, en fournissant des rapports factuels qui se traduisent par des économies tangibles sur les factures énergétiques.

    • Nuxt: Le framework Vue full-stack
    • Vue.js: Le framework JavaScript progressif
    • Tailwind CSS: Framework CSS utilitaire pour construire rapidement des sites modernes
    • Laravel: Le stack claire pour Artisans et agents
    • MariaDB : L'une des bases de données relationnelles open source les plus populaires au monde
    • Balena: Gestion puissante des appareils IoT simplifiée
    • Node.js: Exécutez JavaScript partout
    • SQLite: Système de gestion de base de données relationnelle sans serveur
    • Docker: Développement d’applications conteneurisées accéléré
    Points clés du projet
    • Conçu en interne pour répondre aux exigences de la norme ISO 14001
    • Mobile first
    • Multilingue
    • Infrastructure IoT cloud ou sur site
    • Système de suivi des objectifs et de rappels
    • Système d'alerte en temps réel
    • Outils d'exploration, de visualisation et d'export des données
    • Accès multi-tenant avec tableaux de bord personnalisés
    • Prend en charge la plupart des types de compteurs d'énergie (M-BUS, SCR+, IEC 62056-21)
    • Extensible à d'autres collectes de données (humidité, niveau sonore, etc.)
    • Interface extensible pour des visualisations supplémentaires (signatures énergétiques, cartes, etc.)
    Intéressé par Meters ? Prenez contact !
    • Aperçu n°1 de Meters
    • Aperçu n°2 de Meters
    • Aperçu n°3 de Meters
    • Aperçu n°4 de Meters
    • Aperçu n°5 de Meters
    • Aperçu n°6 de Meters
  • EstheMedis : inspirant, rapide et riche en informations

    L'accent a été mis sur une efficacité extrême. Les temps de chargement ont été réduits de plusieurs secondes par rapport à l'ancien site Web WordPress lourd. Le contenu a été entièrement repensé et simplifié avec le client, selon une nouvelle approche : le site doit satisfaire la curiosité du grand public et aboutir à la prise de rendez-vous pour une consultation gratuite, tout en permettant aux personnes averties d'en apprendre davantage sur la science derrière les traitements proposés.

    L'identité visuelle du nouveau site a été développée autour du langage design existant de la marque, épuré et médical, ainsi que de ses polices, logos et couleurs.

    • Nuxt: Le framework Vue full-stack
    • Vue.js: Le framework JavaScript progressif
    • Tailwind CSS: Framework CSS utilitaire pour construire rapidement des sites modernes
    • TypeScript: JavaScript avec typage syntaxique
    • Cloudflare Pages: Plateforme JAMstack pour collaborer et déployer des sites web
    Points clés du projet
    • Mobile first
    • Multilingue
    • SEO parfait pour les traitements
    • Entièrement instrumenté pour l'analyse : parcours utilisateurs, clics, conversions
    • Création de contenu et conseils marketing pour les visuels
    • Représentations abstraites des traitements
    Visiter le Site EstheMedis
    • Aperçu n°1 de EstheMedis
    • Aperçu n°2 de EstheMedis
    • Aperçu n°3 de EstheMedis
    • Aperçu n°4 de EstheMedis
    • Aperçu n°5 de EstheMedis
    • Aperçu n°6 de EstheMedis
  • Mr. Bidouille : un blog de passionné, sobre et percutant

    Élégant, fluide, simple. Ce blog sur mesure est conçu pour un référencement optimal et une découverte sans effort des articles. L'interface est en une seule langue, tandis que le contenu est publié dans deux langues, afin de réduire la complexité et le nombre de pages. Cette application ultra-rapide est entièrement rendue côté client et intègre un service tiers pour gérer les commentaires et les réactions. Pas de base de données, pas de frais d'hébergement serveur.

    Le contenu est rédigé à l'aide de blocs HTML prédéfinis, et le versionnement/les publications se font via Git, ce qui s'est avéré être un bon compromis pour ce client féru de technologie qui souhaitait un site léger, sans superflu, sans identifiants, sans maintenance, sans contrainte et avec une liberté créative totale.

    • Nuxt: Le framework Vue full-stack
    • Vue.js: Le framework JavaScript progressif
    • Tailwind CSS: Framework CSS utilitaire pour construire rapidement des sites modernes
    Points clés du projet
    • Création du logo
    • Mobile first
    • Newsletter
    • Excellent positionnement dans les moteurs de recherche pour les articles
    • Multilingue
    • Ultra-rapide et léger
    Visiter le Site Mr. Bidouille
    • Aperçu n°1 de Mr. Bidouille
    • Aperçu n°2 de Mr. Bidouille
    • Aperçu n°3 de Mr. Bidouille
    • Aperçu n°4 de Mr. Bidouille
    • Aperçu n°5 de Mr. Bidouille
    • Aperçu n°6 de Mr. Bidouille
  • BeatenIMMO : l'immobilier rencontre les apps de rencontre

    Profitant du faible volume et de la qualité premium des annonces, une approche « love or pass » inspirée des applis de rencontre a été choisie.

    Ce site immobilier sort des sentiers battus, une rareté dans le secteur, et présente les informations de manière ludique et digeste. Faites défiler aussi longtemps que vous êtes intéressés, ou glissez vers l'annonce suivante. Vous trouverez à coup sûr la maison de vos rêves !

    • Nuxt: Le framework Vue full-stack
    • Vue.js: Le framework JavaScript progressif
    • Tailwind CSS: Framework CSS utilitaire pour construire rapidement des sites modernes
    • TypeScript: JavaScript avec typage syntaxique
    • Drizzle ORM: ORM TypeScript nouvelle génération
    • SQLite: Système de gestion de base de données relationnelle sans serveur
    • Cloudflare Workers: Plateforme globale de fonctions serverless
    Points clés du projet
    • Création du logo
    • Mobile first
    • Multilingue
    • Interface d'administration intuitive et complète
    • SEO avancé pour optimiser la visibilité des annonces
    • Newsletter et formulaire de contact
    Visiter le Site BeatenIMMO
    • Aperçu n°1 de BeatenIMMO
    • Aperçu n°2 de BeatenIMMO
    • Aperçu n°3 de BeatenIMMO
    • Aperçu n°4 de BeatenIMMO
    • Aperçu n°5 de BeatenIMMO
    • Aperçu n°6 de BeatenIMMO
  • C’XOLOGUE : un espace calme et coloré

    Un site web fait avec le cœur. Une page unique, à lire en toute sérénité, à son propre rythme. Le contenu a été conçu avec le client pour être concis, clair et agréable à lire. L'objectif était de présenter le service de la manière la plus authentique et ouverte possible, et de finir par mener chaque visiteur à un appel, message ou soumission de formulaire, après avoir laissé le site reposer quelques jours dans ses favoris.

    La section actualités a été pensée pour permettre un ajout de contenu rapide et économique, sans que le client ait à apprendre un CMS complexe, et sans alourdir le site. Des outils nous permettent d'intégrer facilement du nouveau contenu selon les souhaits du client, à un coût extrêmement faible.

    • Nuxt: Le framework Vue full-stack
    • Vue.js: Le framework JavaScript progressif
    • Tailwind CSS: Framework CSS utilitaire pour construire rapidement des sites modernes
    • TypeScript: JavaScript avec typage syntaxique
    Points clés du projet
    • Création du logo
    • Mobile first
    • Formulaire de contact
    • Positionnement optimisé dans les moteurs de recherche
    • Section actualités sans barrière, économique et mise à jour régulièrement
    Visiter le Site C’XOLOGUE
    • Aperçu n°1 de C’XOLOGUE
    • Aperçu n°2 de C’XOLOGUE
    • Aperçu n°3 de C’XOLOGUE
    • Aperçu n°4 de C’XOLOGUE
    • Aperçu n°5 de C’XOLOGUE
    • Aperçu n°6 de C’XOLOGUE

Nos valeurs

  • Web rapide

    Pas de poids mort, pas de backend sauf si nécessaire, efficace par design, code et médias optimisés.

  • Web sécurisé

    Minimum de dépendences, pas de CMS/panneau admin sauf si nécessaire, sécurité du code et de l'infrastructure par design.

  • Web privé

    Pas de cookies sauf si nécessaire, suivi seulement avec consentement informé, aller plus loin que les lois sur le respect de la vie privée, sites web majoritairement fonctionnels sans JavaScript.

  • Web évolutif

    Minimum de dépendences, pas de CMS/panneau admin sauf si nécessaire, dernières technologies stables, code source lisible et facile à migrer, stacks open source.

  • Web inclusif

    Accessibilité, multilinguisme, thèmes claires/foncés, support des périphériques anciens & lents, support pour tous les navigateurs principaux, sites web majoritairement fonctionnels sans JavaScript.

  • Web fier

    Pas de contenu bâclé IA, pas d'entrainement IA sur les données de nos clients, pas de profilage sournois, règles compréhensibles par des humains, partage de code & ressources & connaissances, contribution à des projets open source.

Nous contacter

Vous souhaitez mettre votre projet entre de bonnes mains ? Envoyez-nous un email !

Nous pourrons ensuite rapidement planifier un meeting en ligne ou en personne, pour discuter plus en détail de votre projet.
Nous serions ravis de produire pour vous une estimation claire du temps et des coûts à prévoir, sans engagement et gratuitement.
Nous nous réjouissons de travailler avec vous, de la simple landing page à l'application web complexe.