Des systèmes fiables, sécurisés et prêts pour l’IA.
INTELYA conçoit, sécurise et exploite les logiciels et les infrastructures des entreprises, des administrations et des organisations internationales.
Réponse d’un ingénieur sous 24 h ouvrées. Diagnostic de 45 minutes, sans engagement.
- API de paiementopérationnel
- Portail usagersopérationnel
- Entrepôt de donnéesmaintenance planifiée
Un seul partenaire, de l’audit à l’exploitation.
Vous gardez un interlocuteur unique, responsable du résultat, du premier atelier jusqu’au support quotidien.
Concevoir
Des équipes produit qui livrent un logiciel utilisable toutes les deux semaines, avec des tests automatisés dès le premier sprint.
Sécuriser
La sécurité fait partie de chaque projet : revue de code, tests d’intrusion, surveillance continue et plan de réponse aux incidents.
Exploiter
Un engagement de disponibilité écrit au contrat, un support 24 h/24 et des rapports mensuels que votre direction peut lire.
Six expertises qui couvrent tout votre système d’information.
LIMBA : les lubrifiants en station, payés par monnaie mobile.
Nous avons conçu l’application qui permet aux utilisateurs de s’approvisionner en produits lubrifiants dans les stations. Ils rechargent leur solde par monnaie mobile, achètent, suivent leurs commandes et trouvent la station la plus proche sur la carte.
La preuve par les résultats.
Chiffres d’exemple, à remplacer par vos indicateurs réels.
Ce que disent les décideurs qui travaillent avec nous.
« La migration de notre cœur applicatif s’est faite en un week-end, sans interruption pour nos agences. Le lundi matin, personne n’a rien remarqué. »
« Le portail a divisé par quatre le délai de traitement des demandes. Les équipes d’INTELYA ont formé nos agents jusqu’à ce qu’ils soient autonomes. »
« Leur centre de supervision a détecté et contenu une tentative de rançongiciel en moins de dix minutes. Nous avions enfin une vision claire de nos risques. »
Des ingénieurs qui s’engagent sur le résultat.
INTELYA réunit des développeurs, des architectes cloud, des analystes sécurité et des spécialistes de la donnée autour d’une même exigence : livrer des systèmes qui fonctionnent, durablement.
D’un atelier logiciel à un partenaire technologique complet.
INTELYA est née d’un constat simple : trop de projets numériques échouent parce que la conception, la sécurité et l’exploitation sont confiées à des prestataires qui ne se parlent pas. Nous avons construit une entreprise qui assume l’ensemble.
Dates d’exempleCréation
Une équipe de cinq développeurs livre ses premières applications métier.
Pôle cloud et infrastructure
Premières migrations de centres de données vers le cloud et premiers contrats d’infogérance.
Centre de cybersécurité
Ouverture d’un centre de supervision actif 24 h/24 et de l’activité d’audit.
Pôle données et IA
Mise en production des premiers assistants et modèles prédictifs pour nos clients.
Une équipe pluridisciplinaire
Des projets menés dans plusieurs pays, pour des clients privés, publics et internationaux.
Faire de la technologie un avantage accessible à chaque organisation.
Nous voulons que nos clients disposent du même niveau d’ingénierie que les grands groupes mondiaux, avec une équipe proche d’eux, qui comprend leur marché et leurs contraintes.
Concevoir, sécuriser et exploiter les systèmes qui portent votre activité.
Nous transformons un besoin métier en un service numérique fiable, puis nous en garantissons la disponibilité et la sécurité dans la durée.
Une direction issue du terrain.
Chaque membre du comité de direction a dirigé des projets clients avant de piloter l’entreprise.
Quatre principes qui guident chaque décision.
Exigence
Un code relu, testé et documenté. Nous refusons de livrer ce que nous n’exploiterions pas nous-mêmes.
Transparence
Vous voyez l’avancement, les risques et le budget consommé à tout moment, sur un tableau de bord partagé.
Sécurité d’abord
Aucune fonctionnalité ne part en production sans revue de sécurité. C’est une règle, pas une option.
Transmission
Nous formons vos équipes pour qu’elles gardent la maîtrise de leurs systèmes.
De l’idée à l’exploitation, une équipe responsable.
Six expertises que vous pouvez mobiliser séparément ou réunir dans un même contrat, avec des engagements de résultat écrits.
Quatre étapes, un engagement à chacune.
Diagnostic
En deux semaines, nous cartographions l’existant et chiffrons les priorités. Vous recevez un rapport et une feuille de route.
Conception
Architecture, maquettes et plan de sécurité validés avec vos équipes avant toute ligne de code.
Réalisation
Des livraisons toutes les deux semaines, démontrées devant vos utilisateurs, avec recette continue.
Exploitation
Supervision, support et améliorations sous contrat de niveau de service, avec un rapport mensuel.
Des projets jugés sur leurs résultats.
Pour chaque projet, nous publions le défi de départ, la solution retenue et les indicateurs mesurés après la mise en production.
Analyses et guides pour décideurs IT.
Nos ingénieurs partagent ce qu’ils apprennent sur le terrain : méthodes, retours d’expérience et points de vigilance.
Aucun article ne correspond à cette recherche. Essayez un autre mot-clé ou changez de rubrique.
Construisez les systèmes dont des millions de personnes dépendent.
Nous recrutons des personnes curieuses et rigoureuses, qui aiment comprendre un problème avant d’écrire la solution.
Un cadre pensé pour bien travailler.
Formation continue
Dix jours de formation par an et les certifications éditeurs financées : Azure, AWS, sécurité, gestion de projet.
Travail hybride
Trois jours au bureau, deux à distance. Les rituels d’équipe sont regroupés pour protéger le temps de concentration.
Projets à impact
Banques, services publics, organisations humanitaires : votre code est utilisé dès sa mise en ligne.
Progression lisible
Une grille de niveaux publique, un entretien d’évolution tous les six mois et un mentor pour chaque nouvel arrivant.
Postes ouverts.
Postulez en trois minutes.
Un recruteur lit chaque candidature et vous répond sous dix jours ouvrés, quelle que soit la décision.
- Un premier échange de 30 minutes en visio
- Un exercice technique court, réalisé chez vous
- Une rencontre avec votre future équipe
Parlons de votre projet.
Décrivez votre besoin en quelques lignes. Un ingénieur vous rappelle sous 24 h ouvrées avec des premières pistes.
Comment ce site est pensé, et comment le mettre en production.
Architecture, maquettes, identité visuelle, socle technique, référencement et stratégie de conversion. Ce document accompagne la maquette navigable.
1. Architecture du site
Sept pages de premier niveau, chacune avec un seul objectif et un seul appel à l’action principal. Les pages de détail (un service, une étude de cas, un article, une offre) sont générées depuis la base de contenu.
| Page | URL | Objectif | Action principale | Pages enfants |
|---|---|---|---|---|
| Accueil | / | Faire comprendre l’offre en cinq secondes et orienter | Demander un diagnostic | — |
| À propos | /a-propos | Rassurer sur la solidité et les personnes | Parler à un expert | — |
| Services | /services | Détailler chaque expertise et ses livrables | Demander un devis | /services/[slug] |
| Réalisations | /realisations | Prouver par les résultats mesurés | Discuter d’un projet similaire | /realisations/[slug] |
| Blog | /blog | Capter le trafic de recherche, nourrir les prospects | S’abonner à la lettre | /blog/[slug] |
| Carrières | /carrieres | Attirer des candidats qualifiés | Postuler | /carrieres/[slug] |
| Contact | /contact | Convertir en demande qualifiée | Envoyer ma demande | /contact/merci |
Pages utilitaires : mentions légales, politique de confidentialité, gestion des cookies, page 404, plan du site XML, espace d’administration /admin protégé.
2. Maquettes UX/UI
La maquette navigable est la référence haute fidélité. Les schémas ci-dessous résument l’ordre des blocs de chaque page. En bleu, le bloc qui porte l’appel à l’action. En sombre, les bandes bleu marine.
- Grille : 12 colonnes, largeur utile 1180 px, gouttière 24 px. Marges latérales de 16 px sur mobile, 40 px sur ordinateur.
- Points de rupture : 560 px (une colonne), 920 px (tablette, le hero s’empile), 1020 px (menu complet).
- Navigation : en-tête fixe avec le bouton « Parler à un expert » toujours visible. Menu déroulant sur mobile.
- Animations : transitions de 150 à 350 ms, survol des cartes, indicateurs du panneau de supervision. Tout est désactivé si l’utilisateur a demandé moins de mouvement.
- Accessibilité : contraste AA, focus visible, formulaires étiquetés, navigation complète au clavier.
3. Identité visuelle
L’identité part de votre logo : le bleu marine de la flèche structure le site, le rouge du monogramme est réservé aux actions, et la flèche elle-même sert de motif de fond.
#1F4E79
#FF0000
#E00000
#132F4A
#F3F6FA
#FFFFFF
- Logo : votre logo est repris tel quel, en version vectorielle. Il est toujours posé sur fond blanc, y compris en mode sombre et dans le pied de page, pour que le bleu marine reste lisible.
- Typographies : Red Hat Display pour les titres, IBM Plex Sans pour le texte, IBM Plex Mono pour les données. Une italique à empattements (Playfair Display), proche des lettres du logo, souligne un mot clé par page.
- Usage des couleurs : le bleu marine porte les liens, les pictogrammes et les bandes de fond. Le rouge est réservé au bouton principal et au mot souligné du titre. Les boutons utilisent un rouge légèrement plus profond que celui du logo pour que le texte blanc reste lisible.
- Iconographie : pictogrammes au trait de 2 px, angles arrondis, toujours sur fond bleu pâle. La flèche du logo revient en filigrane dans les en-têtes.
- Photographie : équipes réelles au travail, lumière naturelle. Pas de banque d’images de salles serveurs.
- Ton : direct, précis, chiffré. Des phrases courtes, des verbes d’action, aucun jargon sans explication.
4. Socle technique
| Couche | Choix | Raison |
|---|---|---|
| Interface | Next.js (App Router), React, Tailwind CSS | Rendu statique et serveur pour le SEO, images optimisées, composants réutilisables |
| Serveur | Routes API Next.js sur Node.js | Un seul dépôt et un seul déploiement. Laravel reste possible si votre équipe est PHP |
| Données | PostgreSQL avec Prisma | Schéma typé, migrations versionnées |
| Contenu | Administration sur /admin (Payload CMS) | Gestion des articles, études de cas, offres, équipe et demandes reçues |
| Hébergement | Vercel, ou Azure App Service avec Azure Database for PostgreSQL | Vercel pour la simplicité, Azure si vos données doivent rester dans une région précise |
| E-mails | Service transactionnel (Resend ou Brevo) | Notifications commerciales, double confirmation de la lettre d’information |
Structure du projet
intelya-web/ ├─ app/ │ ├─ (site)/page.tsx accueil │ ├─ (site)/a-propos/page.tsx │ ├─ (site)/services/[slug]/page.tsx │ ├─ (site)/realisations/[slug]/page.tsx │ ├─ (site)/blog/[slug]/page.tsx pages régénérées à la publication │ ├─ (site)/carrieres/[slug]/page.tsx │ ├─ (site)/contact/page.tsx │ ├─ api/contact/route.ts demande commerciale │ ├─ api/newsletter/route.ts inscription avec double confirmation │ ├─ api/candidature/route.ts dépôt de CV vers stockage privé │ ├─ sitemap.ts · robots.ts · opengraph-image.tsx │ └─ admin/ espace d’administration ├─ components/ (Header, Footer, Hero, ServiceCard, CaseCard, LeadForm, ThemeToggle…) ├─ lib/ (db.ts, mail.ts, rate-limit.ts, turnstile.ts, seo.ts) ├─ prisma/schema.prisma Post, Case, Service, Job, Lead, Subscriber, User ├─ tailwind.config.ts └─ middleware.ts en-têtes de sécurité, protection /admin
Jetons de design dans Tailwind
// tailwind.config.ts
export default {
darkMode: ["class", '[data-theme="dark"]'],
theme: { extend: {
colors: {
brand: { DEFAULT: "#1F4E79", deep: "#132F4A", soft: "#E6EEF6" },
action: { DEFAULT: "#E00000", hover: "#B80000", logo: "#FF0000" },
ink: "#1A1A1A",
mist: "#F3F6FA",
},
fontFamily: {
display: ["Red Hat Display", "system-ui", "sans-serif"],
sans: ["IBM Plex Sans", "system-ui", "sans-serif"],
serif: ["Playfair Display", "Georgia", "serif"],
mono: ["IBM Plex Mono", "ui-monospace", "monospace"],
},
maxWidth: { page: "1180px" },
borderRadius: { card: "14px" },
} },
};
Formulaire de contact sécurisé
// app/api/contact/route.ts
import { NextResponse } from "next/server";
import { z } from "zod";
import { db } from "@/lib/db";
import { rateLimit } from "@/lib/rate-limit";
import { verifyTurnstile } from "@/lib/turnstile";
import { notifySales } from "@/lib/mail";
const Lead = z.object({
name: z.string().trim().min(2).max(120),
organisation: z.string().trim().min(2).max(160),
email: z.string().email().max(254),
subject: z.enum(["logiciel", "transformation", "cyber", "cloud", "ia", "support", "autre"]),
message: z.string().trim().min(20).max(4000),
consent: z.literal(true),
website: z.string().max(0), // champ piège : un robot le remplit
token: z.string().min(1), // jeton anti-spam Cloudflare Turnstile
});
export async function POST(req: Request) {
const ip = req.headers.get("x-forwarded-for")?.split(",")[0]?.trim() ?? "inconnu";
if (!(await rateLimit(`contact:${ip}`, { limit: 5, windowSec: 600 })))
return NextResponse.json({ error: "Trop de demandes. Réessayez dans dix minutes." }, { status: 429 });
const parsed = Lead.safeParse(await req.json().catch(() => null));
if (!parsed.success)
return NextResponse.json({ error: "Certains champs sont invalides." }, { status: 400 });
const { token, website, ...lead } = parsed.data;
if (!(await verifyTurnstile(token, ip)))
return NextResponse.json({ error: "La vérification anti-spam a échoué." }, { status: 403 });
const row = await db.lead.create({ data: { ...lead, source: "contact" } });
await notifySales(row);
return NextResponse.json({ ok: true }, { status: 201 });
}
Sécurité et performance
- HTTPS partout avec HSTS, politique de sécurité du contenu stricte, en-têtes X-Content-Type-Options et Referrer-Policy.
- Validation de toutes les entrées côté serveur, requêtes paramétrées, échappement des sorties (OWASP : injection, XSS, CSRF).
- Administration protégée par authentification à deux facteurs, rôles et journal des actions.
- CV stockés hors du site public, analysés par antivirus, supprimés après 12 mois.
- Dépendances surveillées automatiquement, sauvegarde quotidienne de la base, restauration testée chaque trimestre.
- Objectifs de vitesse : affichage principal en moins de 2,5 s, réactivité sous 200 ms, décalage visuel sous 0,1, page d’accueil sous 200 Ko de JavaScript.
- Carte Google Maps chargée seulement au clic, pour préserver la vitesse et le consentement.
5. Recommandations SEO
Les requêtes locales ci-dessous supposent une implantation à Kinshasa. Adaptez-les à vos zones réelles.
| Page | Requête visée | Balise titre | Méta-description |
|---|---|---|---|
| Accueil | entreprise de services numériques Kinshasa | INTELYA | Logiciel, cybersécurité, cloud et IA | INTELYA conçoit, sécurise et exploite vos logiciels et infrastructures. Demandez un diagnostic gratuit de 45 minutes. |
| Développement | développement logiciel sur mesure RDC | Développement logiciel sur mesure | INTELYA | Applications web, mobiles et métier livrées toutes les deux semaines, testées et maintenues. |
| Cybersécurité | audit cybersécurité entreprise, SOC managé | Cybersécurité : audit, test d’intrusion, SOC 24/7 | INTELYA | Évaluez vos risques et surveillez vos systèmes en continu avec nos analystes. |
| Cloud | migration cloud Azure, infogérance | Migration cloud et infogérance | INTELYA | Migrez sans interruption et réduisez vos coûts d’hébergement avec un engagement de disponibilité. |
| IA | intégrateur IA entreprise, assistant IA interne | Intelligence artificielle pour l’entreprise | INTELYA | Assistants, automatisation documentaire et modèles prédictifs, sur vos données et sous votre contrôle. |
| Réalisations | étude de cas transformation digitale | Études de cas et résultats clients | INTELYA | Défis, solutions et résultats mesurés de nos projets dans la banque, le secteur public et les télécoms. |
| Contact | devis développement logiciel | Contact et demande de devis | INTELYA | Décrivez votre besoin. Un ingénieur vous répond sous 24 h ouvrées. |
- Technique : un seul titre H1 par page, URL courtes en français, plan du site XML, balises canoniques, hreflang si une version anglaise est ajoutée pour les organisations internationales.
- Données structurées : Organization et LocalBusiness sur l’accueil et le contact, Service sur chaque service, Article sur le blog, JobPosting sur les offres, BreadcrumbList partout.
- Contenu : une page de 800 à 1 200 mots par service, avec questions fréquentes. Deux articles par mois, chacun lié à un service et à une étude de cas.
- Référencement local : fiche Google Business Profile complète, coordonnées identiques partout, avis clients sollicités à la fin de chaque projet.
- Autorité : tribunes dans la presse économique et technologique, pages partenaires des éditeurs, interventions en conférence.
- Mesure : Google Search Console et un outil d’audience respectueux du consentement. Suivi mensuel des positions, du trafic organique et des demandes issues de la recherche.
6. Conversion et génération de prospects
Le site fonctionne comme un entonnoir en trois temps. Chaque étape a son contenu et son appel à l’action.
| Étape | Ce que cherche le visiteur | Contenu | Appel à l’action | Indicateur |
|---|---|---|---|---|
| Découverte | Comprendre un sujet | Articles, guides, lettre d’information | S’abonner, télécharger un guide | Trafic organique, abonnés |
| Évaluation | Comparer des prestataires | Pages services, études de cas, équipe | Voir une étude de cas, demander une démonstration | Pages vues par visite, clics vers contact |
| Décision | Être rassuré et chiffrer | Diagnostic gratuit, témoignages, engagements | Demander un diagnostic | Taux de conversion, coût par demande |
- Une offre d’entrée claire : le diagnostic gratuit de 45 minutes, répété dans l’en-tête, le hero, la fin de chaque page et le pied de page.
- Aimants à prospects : une liste de contrôle de migration cloud, un modèle de cahier des charges, une auto-évaluation de maturité en cybersécurité en dix questions avec score envoyé par e-mail.
- Formulaires courts : cinq champs obligatoires. Le sujet et l’échéance servent à qualifier la demande.
- Qualification : chaque demande reçoit un score selon la taille de l’organisation, l’échéance et le service demandé. Au-dessus du seuil, un commercial appelle dans les quatre heures.
- Relance : une séquence de quatre e-mails sur trois semaines pour les abonnés : guide, étude de cas du même secteur, invitation à un webinaire, proposition de diagnostic.
- Preuves : chiffres mesurés, logos clients autorisés, certifications et témoignages nominatifs placés juste avant chaque appel à l’action.
- Amélioration continue : tests A/B sur le titre du hero et le libellé du bouton principal, enregistrements de parcours anonymisés, revue mensuelle.
- Objectifs à 6 mois : taux de conversion visiteur vers demande de 2 à 3 %, 40 % de demandes qualifiées, réponse commerciale en moins de 24 h. Ces cibles sont à ajuster après le premier mois de mesure.
7. Mise en production
- Remplacer les contenus d’exemple : chiffres, témoignages, équipe, études de cas, coordonnées.
- Valider l’identité visuelle et faire décliner le logo par un graphiste (formats vectoriels, favicon, réseaux sociaux).
- Développer le projet Next.js à partir de cette maquette et de la structure décrite en section 4.
- Brancher l’administration, la base PostgreSQL, l’envoi d’e-mails et la protection anti-spam.
- Recette : accessibilité, vitesse, sécurité (test d’intrusion), relecture juridique des mentions légales.
- Mise en ligne, déclaration dans Google Search Console, suivi des indicateurs.
Dans cette maquette, les formulaires valident la saisie mais n’envoient rien, et le blog lit un contenu intégré à la page. L’administration et la base de données font partie du projet Next.js.