Applications web
Des applications web qui restent rapides, accessibles et sûres à mesure qu’elles grandissent
Portails clients, outils internes et plateformes web, avec des interfaces modernes et des API rigoureusement testées.
Présentation
Une application web est souvent le premier point de contact de vos clients et l’outil que vos collaborateurs utilisent toute la journée. Elle doit se charger rapidement sur une connexion lente, fonctionner au clavier et avec un lecteur d’écran, et protéger les données en toutes circonstances.
Nous développons des portails clients, des plateformes en libre-service, des outils de back-office et des tableaux de bord avec React, Next.js, Angular ou Vue côté front-end, et des API rigoureusement testées derrière. Les pages sont rendues côté serveur lorsque cela favorise la rapidité et le référencement, et dans le navigateur lorsque l’interaction l’exige.
Chaque application que nous développons prend en charge les langues et les mises en page dont vos utilisateurs ont besoin, y compris l’arabe et les autres écritures de droite à gauche, et elle est conçue pour respecter le niveau AA des WCAG 2.2. Des budgets de performance et des contrôles de sécurité s’exécutent dans la chaîne de livraison, afin que l’application reste rapide et sûre à mesure que des fonctionnalités s’ajoutent.
Ce que nous livrons
Parcours et conception de l’interface
Parcours utilisateurs, maquettes fonctionnelles et design visuel, validés avec vous avant le développement.
Application front-end
Une interface adaptative construite à partir de composants réutilisables, qui fonctionne sur téléphone, tablette et grand écran.
Services back-end et API
Des API documentées qui portent les règles métier et se connectent à vos bases de données et à vos autres systèmes.
Authentification et autorisations
Authentification unique (SSO) via OpenID Connect ou SAML lorsque vous en avez besoin, avec des rôles et des autorisations appliqués côté serveur.
Langues et mises en page de droite à gauche
Des textes séparés du code et traduits par langue, avec des mises en page qui s’inversent correctement pour l’arabe.
Preuves d’accessibilité
Des contrôles automatisés et manuels au regard du niveau AA des WCAG 2.2, avec des résultats consignés pour chaque version.
Budgets de performance
Des limites convenues de poids de page et de temps de chargement, vérifiées automatiquement à chaque modification.
Déploiement et supervision
Une chaîne de livraison vers chaque environnement, avec suivi des erreurs et supervision de la disponibilité dès la première version.
Notre méthode
- 01
Comprendre les utilisateurs et leurs tâches
Nous identifions qui utilise l’application, sur quels appareils, et quelles tâches comptent le plus.
- 02
Concevoir et prototyper
Nous concevons les parcours clés et testons un prototype cliquable avec de vrais utilisateurs avant le développement.
- 03
Développer par incréments
Nous livrons des fonctionnalités opérationnelles en itérations courtes, chacune relue, testée et présentée.
- 04
Vérifier rapidité, accessibilité et sécurité
Nous testons la performance, l’accessibilité et la sécurité avant chaque mise en production, et pas seulement à la fin.
- 05
Lancer et améliorer
Nous mettons en production via la chaîne de livraison, observons l’usage réel et les erreurs, et améliorons l’application à partir de ce que nous constatons.
Technologies
- Langages
- TypeScript
- Java
- PHP
- Frameworks
- React
- Next.js
- Angular
- Vue.js
- Node.js
- NestJS
- .NET
- Spring Boot
- Laravel
- Bases de données
- PostgreSQL
- Redis
- MySQL
- Tests
- Playwright
- axe-core
- Design et accessibilité
- WCAG 2.2
- Intégration
- GraphQL
- REST
- Identité et accès
- OpenID Connect
- SAML 2.0
Modes de collaboration
- Réalisation en mode projetXSIS réalise un périmètre convenu selon des critères d’acceptation écrits, avec un directeur de projet désigné.
- Équipe dédiéeUne équipe complète qui travaille uniquement sur votre produit, gérée au quotidien par XSIS et dirigée par vous.
- Renfort d’équipeDes ingénieurs et des spécialistes qui intègrent votre équipe, travaillent avec vos outils et rendent compte à vos managers.
Questions et réponses
Quel framework front-end utilisez-vous ?
Nous utilisons React avec Next.js pour la plupart des nouvelles applications, car il prend en charge le rendu côté serveur, dispose d’un outillage solide et est largement connu des ingénieurs. Nous travaillons aussi avec Angular et Vue, et nous poursuivons dans le framework que vous utilisez déjà lorsque c’est le choix le plus judicieux. La décision dépend des compétences de votre équipe, de ce que l’application doit faire et de ce que vous maintiendrez ensuite.
Lien vers cette questionQu’est-ce qui influe sur le coût d’une application web ?
Le nombre de rôles utilisateurs et de processus, les intégrations derrière l’application, les langues et les mises en page qu’elle doit prendre en charge, ainsi que ses exigences de sécurité et d’audit. Le niveau de conception compte aussi : un outil destiné à une petite équipe interne en demande moins qu’un portail public sur lequel vos clients s’appuient. Nous chiffrons à partir du backlog après le cadrage, afin que vous puissiez décider de ce qui entre dans la première version.
Lien vers cette questionL’application sera-t-elle accessible ?
Nous concevons et développons selon le niveau AA des WCAG 2.2. Cela couvre l’utilisation au clavier, les lecteurs d’écran, le contraste des couleurs, l’ordre de focus, l’agrandissement du texte et des messages d’erreur clairs. Des contrôles automatisés s’exécutent à chaque modification, et nous testons manuellement les parcours clés avec des technologies d’assistance avant chaque mise en production. Si votre organisation applique une norme plus stricte, nous travaillons selon celle-ci.
Lien vers cette questionL’application peut-elle prendre en charge l’arabe et d’autres langues ?
Oui. Nous séparons chaque texte du code afin qu’il puisse être traduit, et nous mettons en page avec des propriétés logiques pour que les pages s’inversent correctement dans les langues écrites de droite à gauche comme l’arabe. Les dates, les nombres et les devises suivent les conventions de chaque langue et région. Nous le prévoyons dès le départ, car ajouter une deuxième langue à une application conçue pour une seule représente beaucoup plus de travail.
Lien vers cette questionComment sécurisez-vous une application web ?
Nous suivons les recommandations de l’OWASP : validation des entrées, encodage des sorties, protection contre la falsification de requêtes intersites (CSRF), gestion sécurisée des sessions et politique de sécurité du contenu (CSP) stricte. Les autorisations sont vérifiées côté serveur, jamais uniquement dans le navigateur. Les dépendances sont analysées à chaque build pour détecter les vulnérabilités connues, et nous effectuons des tests de sécurité avant chaque mise en production. Un test d’intrusion par un spécialiste peut être ajouté avant le lancement.
Lien vers cette questionComment l’application reste-t-elle rapide ?
Nous convenons d’un budget de performance dès le départ, portant sur le poids des pages et le temps de chargement sur un téléphone et une connexion courants, et nous le vérifions automatiquement à chaque modification. Les pages sont rendues côté serveur lorsque cela aide, les images et les scripts ne se chargent que lorsqu’ils sont nécessaires, et les données sont mises en cache au plus près des utilisateurs. Après le lancement, la supervision de l’expérience utilisateur réelle montre où l’application ralentit.
Lien vers cette questionÀ qui appartiennent le code et les travaux que vous produisez ?
Dès le premier commit, vous êtes titulaire de la propriété intellectuelle des travaux que nous réalisons pour vous : aucune cession n’est à prévoir en fin de projet. Cela couvre le code spécifique, la documentation et les autres livrables réalisés pour vous. Les éléments préexistants que nous apportons, tels que des outils internes ou des bibliothèques, restent notre propriété, et vous recevez une licence pour les utiliser dans vos systèmes. Les composants open source conservent leurs propres licences, et nous vous en fournissons la liste.
Lien vers cette questionQuelle assistance proposez-vous après la mise en production ?
Nous pouvons exploiter et maintenir ce que nous construisons : supervision, gestion des incidents, mises à jour de sécurité et évolutions au rythme de votre activité et de vos partenaires. L’assistance est formalisée par écrit, avec des objectifs de délai de réponse, des contacts d’escalade et un reporting régulier. Notre équipe est disponible 24 h/24, 7 j/7.
Lien vers cette questionDites-nous ce que vous devez construire ou connecter.
Décrivez les systèmes, le calendrier et les contraintes. Les ingénieurs concernés prennent ensuite le relais.
- Notre équipe vous appellera dans les 24 heures, sur le créneau de votre choix
- Notre équipe est disponible 24 h/24, 7 j/7