Bon nombre des applications que nous utilisons tous au quotidien sont des web-apps. Il est donc logique que nous réalisions de nombreux projets web, même si nous ne nous appelons pas « Web with love ». Environ la moitié de notre portefeuille de projets est conçue avec des technologies web. On y trouve des sites web classiques, mais aussi d'applications web progressives et d'outils web complexes. Outre les possibilités offertes par le web moderne, de nombreux défis se présentent simultanément avec divers aspects à prendre en compte : la diversité des appareils et des navigateurs, l'accessibilité, le SEO et bien plus encore. Nous les maîtrisons grâce à un solide savoir-faire et une grande expérience.
Nos compétences en développement web
Notre objectif est de développer des solutions web qui simplifient la vie des gens. Nous développons des designs réactifs afin que ton solution web s'affiche de manière optimale sur tous les terminaux souhaités, qu'il s'agisse d'un ordinateur de bureau, d'une tablette ou d'un smartphone. La structure graphique d'un site web responsif est réalisée en fonction des exigences de l'appareil utilisé pour consulter le site. Cela concerne particulièrement la disposition et l'affichage des différents éléments tels que la navigation, les images et les textes, mais aussi l'utilisation de différentes méthodes de saisie comme la souris ou l'écran tactile.
Lors de la mise en œuvre, nous tenons également compte des facteurs importants liés à l'accessibilité et veillons à ce que toutes les conditions techniques soient remplies pour assurer une bonne visibilité dans les moteurs de recherche et les modèles d'IA. Mots-clés à ce sujet : données structurées et SEO.
Applications web progressives
Une application web progressive (PWA) est un site web qui possède de nombreuses caractéristiques jusque-là réservées aux applications natives. Elle peut donc être décrite comme une symbiose entre un site web responsif et une application. En plus de leurs propriétés en tant que sites web, les PWA mettent à disposition de nombreuses fonctions spéciales issues du monde natif :
Disponibilité hors ligne
Envoi de notifications push
Accès à certaines fonctions de l'appareil
Fonction « Ajouter à l'écran d'accueil » pour un accès rapide et direct
Les conditions minimales pour pouvoir parler d'une PWA sont minimes. Il faut :
Une connexion protégée par TLS, reconnaissable au https
Un manifeste JSON : un petit fichier qui définit certains éléments tels que les icônes, les noms et l'URL de démarrage. Tu trouve un aperçu des possibilités sur web.dev par exemple. Dans le cadre d'un projet, nous déterminons avec nos clients quelles sont les configurations appropriées.
Un Service Worker : il s'agit d'un morceau de code qui effectue des tâches en arrière-plan. Nous avons donné un aperçu de cette technologie dans ce blog.
Cela semble simple, mais la mise en œuvre pratique d'un Service Worker peut s'avérer complexe selon la nature de l'application web. Nous connaissons les possibilités et les limites des PWA et pouvons évaluer s'il est judicieux de choisir cette technologie, si un site web « normal » suffit ou si une application native est préférable.
Sites web classiques
Un site web est souvent le premier point de contact et s'avère donc décisif pour une expérience clientèle de qualité. Le site est-il visuellement attrayant ? Est-il performant ? Trouve-t-on ce que l'on cherche ? Un site ne sert pas seulement à partager des informations, il véhicule aussi les valeurs d'une entreprise et doit donc être entretenu avec soin.
Nous t'aidons à réaliser des sites web (d'entreprise) de grande envergure et proposons la quasi-totalité des services nécessaires à une mise en œuvre réussie, le tout auprès d'un seul et même prestataire.
Dans certains cas, une réalisation sur mesure n'est pas pertinente au vu des exigences ou du contexte économique. Nous proposons alors notre soutien pour créer des pages d'atterrissage (landing pages) ou des sites plus modestes à l'aide d'un « site builder » ou en laissant l'IA faire le travail.
Outils web plus complexes, tels que les configurateurs web
Un site web attrayant est important, mais le plein potentiel réside souvent là où les solutions numériques transforment les processus pour créer une valeur ajoutée profonde. Dans le domaine B2B en particulier, les produits et les processus nécessitent souvent beaucoup de conseils et les solutions « prêtes à l'emploi », comme une online shop classique, ne suffisent pas.
Nous construisons des outils personnalisés qui transforment les processus pour créer une situation gagnant-gagnant. Les configurateurs en sont un exemple classique : ils permettent à ta clientèle de composer elle-même la solution souhaitée et d'obtenir un devis bien plus rapidement que par un processus manuel.
Solutions e-commerce
Les solutions logicielles dans le domaine de l'e-commerce sont taillées sur mesure pour chaque cas d'usage. Pour les boutiques en ligne complexes, nous coopérons avec des partenaires. Pour des solutions plus simples, nous misons sur l'intégration de Shopify ou Shopware.
Technologies web de pointe
Nos frontends web reposent systématiquement sur les standards du W3C : HTML, CSS et JavaScript respectivement TypeScript. Pour les applications web, nous utilisons les frameworks React et Svelte.
Une mise en œuvre personnalisée, par exemple avec Vue.js ou Angular, est également possible après consultation.
CMS - Statamic, Livingdocs ou Payload
Un système de gestion de contenu (Content Management System – CMS) est un logiciel permettant de créer, modifier et organiser des contenus, principalement sur des sites web ou des applications, mais aussi dans d'autres types de médias. Un CMS s'utilise via une interface graphique, sans nécessiter de connaissances en programmation ou en HTML.
Pour la réalisation de projets web, nous misons dans la plupart des cas sur le CMS Statamic. Statamic répond à nos exigences en matière de CMS moderne et de haute qualité, tant au niveau de la mise en œuvre technique que de la manipulation.
Presque tout type de site web peut être réalisé avec Statamic. Par défaut, Statamic est un CMS « flat-file ». Cela signifie que dans sa configuration standard, Statamic se passe de bases de données et offre un moyen rapide et productif de créer et de gérer des sites web créatifs et sur mesure, tout en conservant non seulement le code, mais aussi l'ensemble des contenus dans le contrôle de version. Une base de données peut toutefois être ajoutée à tout moment. Ainsi, les grands projets avec un volume de contenu important ne posent aucun problème.
Comme Statamic repose sur Laravel, le framework PHP le plus utilisé et le plus sûr, les sites construits avec Statamic sont non seulement modulables et extensibles à volonté, mais aussi très sécurisés. De plus, nous sommes partenaire officiel de Statamic et avons donc un lien direct avec l'équipe de développement. Notre clientèle en profitent bien sûr également.
Exemple de page dans le CMS Statamic pour la gestion de contenus web.
Outre Statamic, Livingdocs et Payload font également partie de notre tech stack. Livingdocs a été sélectionné en 2022 comme base pour tous les sites web de la Confédération et de l'administration fédérale. Livingdocs est particulièrement adapté au travail collaboratif.
Pour la gestion des données dans les applications web, Payload CMS est notre favori. Payload permet de créer des bases de données pour la gestion des données et fournit automatiquement une interface d'utilisation pour les administrateurs et une interface (API) pour les données définies. L'interface est importante pour les applications web et peut également être intégrée à des systèmes tiers.
Interface d'utilisation du CMS Payload
Soutien complémentaire dans le domaine du web
Une présence web réussie nécessite plus qu'un design réactif et une mise en œuvre technique de haute qualité. Avant tout, il faut du contenu. Au besoin, nous t'accompagnons – également en collaboration avec des partenaires – dans tous les domaines du développement de contenu (textes, images, contenus audio ou vidéo), de l'UX-writing, du SEO ainsi que dans le domaine du développement de marque (Branding).
Projets web réalisés
Qu'il s'agisse de sites web de transmission d'informations (comme par exemple Logvision basé sur Livingdocs), d'outils de configuration comme le calculateur de système pour Pestalozzi Stahltechnik réalisé avec Statamic, ou encore du calendrier d'événements « le petit calendrier » réalisé avec Payload :
Nous disposons d'une grande expérience et trouverons la solution adaptée à ton projet.
