OSBSA Bilişim

Développement web et applications sur mesure

Un site vitrine affiche de l'information. Ici, le travail est différent : nous écrivons une application qui prend des commandes, décrémente le stock, produit des devis et décide qui voit quoi. Si un de vos processus tourne sur des tableurs Excel, c'est probablement de cela que nous allons parler.

Vous n'en avez peut-être pas besoin

Le développement sur mesure coûte cher et n'est pas un besoin pour toutes les entreprises. Si votre site affiche de l'information, recueille des formulaires et porte un blog, un système de gestion de contenu tout fait fera l'affaire. Le dire ne sert pas notre chiffre d'affaires, mais corriger un mauvais investissement plus tard coûte davantage.

La ligne de partage est celle-ci : y a-t-il des règles sur le site, ou seulement du contenu ? S'il n'existe pas de prix, de droit ou de calcul qui change d'un utilisateur à l'autre, vous pouvez vous arrêter ici.

En quoi est-ce différent du design ?

Sur un site vitrine, changer une page revient à changer le texte. Ici, changer une seule règle touche tous les écrans, tous les droits et tous les rapports qui en dépendent.

C'est pourquoi la moitié du travail n'est pas du code mais la mise par écrit correcte des règles. C'est aussi la raison pour laquelle nous ne donnons pas de prix avant d'avoir le document de périmètre.

Comparaison des deux métiers
Site vitrineApplication sur mesure
RésultatDes pages qui présentent de l'informationUne application qui fait un travail
DonnéesTexte et imagesCommandes, stock, utilisateurs
UtilisateurVisiteurVisiteur et utilisateurs habilités
Mesure de la complexitéNombre de pagesNombre de règles de gestion et de rôles
Charge de testsAffichage et formulairesRègles, droits, intégrité des données
MaintenanceMise à jour du contenuModification des règles, gestion des versions

Avec quelle technologie travaillez-vous ?

Nous choisissons selon trois questions : sera-ce encore maintenu longtemps, trouvera-t-on un développeur pour reprendre, et les moteurs de recherche peuvent-ils lire le contenu sans exécuter de JavaScript ?

La pile que nous utilisons
CoucheChoixRaison
LangageTypeScriptAttrape l'erreur à l'écriture et non à l'exécution ; garde le code lisible pour celui qui reprendra
Cadre applicatifNext.js et ReactLa page est produite sur le serveur, le premier affichage est rapide, les moteurs voient le contenu directement
Côté serveurNode.js, Server Actions et routes APIFront et back dans un seul langage et un seul dépôt ; le coût d'interconnexion baisse
Base de donnéesPostgreSQL ou MariaDBGaranties transactionnelles, intégrité relationnelle, largement pris en charge par les hébergeurs
Accès aux donnéesPrismaSchéma dans un seul fichier, historique des migrations traçable, risque d'injection SQL réduit
ValidationZodLa même règle s'applique dans le formulaire et sur le serveur
SessionsCookies signés, mots de passe stockés avec bcryptAucun mot de passe en clair, les droits sont vérifiés sur le serveur
InterfaceNotre propre jeu de composants sur Tailwind CSSPas de dépendance à un thème, pas de styles inutilisés embarqués
FichiersStockage compatible S3, conversion en AVIF et WebPLes gros fichiers ne chargent pas le serveur applicatif
Mise en ligneGit, build automatique, environnement de test séparéUne version défectueuse peut être annulée, personne ne dépose de fichiers à la main en production

Ce que nous n'utilisons pas mérite aussi d'être dit : Flash, FrontPage, Fireworks et l'ASP classique n'apparaissent dans aucun de nos projets actuels. Si votre site a été bâti avec cela, le travail qui vous attend n'est pas une mise à jour mais une réécriture.

Quels types de travaux faites-vous ?

  • Espaces revendeurs et services : prix selon le rôle, saisie des commandes, suivi des comptes
  • Gestion du catalogue produits et des documents techniques, tableaux de variantes et de dimensions
  • Circuits de devis : du formulaire au devis PDF, avec suivi des validations et des révisions
  • Systèmes de réservation et de rendez-vous, avec capacité et rappels
  • Interfaces de gestion interne : demandes, tâches, documents, droits
  • Interconnexions : ERP, comptabilité, transport, facturation électronique, terminal de paiement, places de marché
  • Reprises : lecture du code, documentation, refonte par étapes

Comment se construit une interconnexion ?

Une interconnexion, c'est deux systèmes qui se parlent sans qu'on saisisse deux fois les mêmes données. C'est là que les projets bloquent le plus souvent : la documentation d'en face est incomplète, les noms de champs ne correspondent pas, et nulle part il n'est écrit ce qui se passe en cas d'erreur.

Nous découpons donc le travail en trois. Un tableau de correspondance des champs : quel champ correspond à quoi. Les cas d'erreur : que se passe-t-il si la connexion tombe ou si les données sont rejetées. Et la logique de nouvelle tentative. Tant que ces trois éléments ne sont pas écrits, nous ne commençons pas le code.

  • ERP et comptabilité : transfert des produits, du stock, des comptes et des prix
  • Facturation et archivage électroniques : émission des documents via un opérateur
  • Transport : création de l'expédition, code-barres, rapprochement du numéro de suivi
  • Paiement : terminal bancaire ou prestataire de paiement ; les données de carte ne nous parviennent jamais
  • Places de marché : synchronisation des produits et du stock, récupération des commandes

Que faites-vous côté sécurité ?

La sécurité n'est pas un module à part, c'est une habitude tenue à chaque étape. Voici nos règles minimales :

  • Tout ce qui vient du navigateur est revalidé sur le serveur ; le contrôle côté client n'est qu'un confort pour l'utilisateur
  • Les mots de passe sont hachés avec bcrypt et ne sont stockés en clair nulle part
  • Les droits sont vérifiés sur le serveur ; un bouton masqué n'est pas une limite de droits
  • Limitation de débit, pot de miel et vérification anti-robot sur les points d'entrée et les formulaires
  • Requêtes paramétrées, contrôle du type et de la taille lors des envois de fichiers
  • Les données de carte ne descendent jamais sur notre serveur, elles restent dans le cadre du prestataire de paiement
  • Inventaire des données, durées de conservation et procédure de suppression, comme l'exige la KVKK, la loi turque sur les données personnelles
  • Une fois les sauvegardes en place, la restauration est réellement essayée ; une sauvegarde non testée n'en est pas une

À qui appartiendra le logiciel ?

Le système tourne à votre nom : le domaine est le vôtre, l'accès à l'interface est chez vous, les données qu'il contient sont les vôtres. Vous pouvez exporter vos fiches produits, clients et commandes quand vous le souhaitez. Vous ne nous payez pas de licence annuelle pour que le site reste allumé.

Le transfert du code source est une discussion à part. Le vrai coût d'un logiciel n'est pas de le faire tourner, c'est de le concevoir, de l'écrire et de le documenter ; c'est pourquoi le transfert de code n'entre pas dans le prix du forfait. Les clients qui le souhaitent en parlent lors de l'échange, et nous inscrivons le montant et le périmètre au contrat. Nous le disons d'emblée pour qu'il n'y ait pas de surprise ensuite.

Une fois le transfert de code convenu, le dossier de livraison contient le dépôt Git, une sauvegarde de la base et les fichiers de schéma, la liste des variables d'environnement, les comptes des services tiers, un guide d'installation et la liste des manques connus. Ce dernier point, nous l'écrivons délibérément. Aucun logiciel n'est livré sans manque ; l'honnête est celui qui met les manques sur le papier.

Notre façon de travailler, en sept étapes

Chaque étape se termine par quelque chose de concret entre vos mains. Vous n'avez jamais à deviner où en est le projet.

  1. 01

    Échange de départ

    Nous parlons de ce que vous vendez, à qui, et de ce que le site doit faire. Si vous en avez déjà un, nous le parcourons ensemble à l'écran. Vous repartez avec une note de besoin écrite.

  2. 02

    Devis et contrat

    Périmètre, délai, tours de correction et montant sont mis par écrit. Le même document dit ce qui n'est pas compris : à la signature, les deux parties doivent avoir le même travail en tête.

  3. 03

    Contenu et structure des pages

    Nous dressons le plan du site et l'inventaire des textes et des images. Là où il manque du contenu, nous décidons ici qui l'écrit.

  4. 04

    Design

    L'accueil d'abord ; une fois validé, nous passons aux gabarits des pages internes. C'est le moment de demander des changements : le design est figé dès que le développement commence.

  5. 05

    Développement

    Programmation, interface d'administration, formulaires et interconnexions. Vous recevez une adresse de préversion et vous voyez où en est le travail sans avoir à nous le demander.

  6. 06

    Tests et mise en ligne

    Vitesse, affichage sur téléphone, accessibilité, parcours des formulaires et redirections des anciennes adresses : nous passons chaque point un par un. Rien ne part en production tant que la liste n'est pas nette.

  7. 07

    Livraison et suivi

    Nous parcourons l'interface avec vous et installons nous-mêmes Search Console et la mesure d'audience. Les premiers temps après la mise en ligne, nous surveillons aussi votre positionnement et les journaux d'erreurs.

Forfaits

Démarrage

Le minimum nécessaire pour être visible

Pas de prix fixe

Deux choses fixent le prix : combien il y aura de pages, et qui rédige les textes. Sans avoir parlé des deux, nous ne donnons pas de chiffre.

  • Un site qui explique votre métier : page d'accueil et pages internes
  • Le client qui regarde depuis son téléphone lit sans zoomer
  • Le formulaire rempli arrive dans votre boîte mail, et il y a aussi un bouton WhatsApp
  • L'itinéraire vers votre adresse s'ouvre depuis la carte en un seul geste
  • Vous changez vous-même les textes et les images depuis l'interface d'administration
  • Aucun avertissement « non sécurisé » n'apparaît dans la barre d'adresse
  • Une recherche sur le nom de votre entreprise affiche sur Google le bon titre, la bonne description et la bonne adresse
  • Qui est venu d'où, vous le suivez depuis Search Console et Analytics
  • Les images sont réduites et converties, la page ne fait pas attendre même en données mobiles
  • Des pages navigables au clavier et compatibles avec les lecteurs d'écran
  • À la livraison, nous parcourons l'interface ensemble ; nom de domaine, interface et contenus restent à votre nom
  • Section blog et actualités
  • Catalogue produits et tableaux de caractéristiques techniques
  • Une deuxième langue
  • Panier, paiement et suivi des commandes
  • Développement logiciel spécifique
Voir le périmètre
Formule recommandée

Entreprise

Pour ceux qui ont un catalogue et du contenu régulier

Pas de prix fixe

Le prix varie selon le nombre de produits à saisir et le point de départ du design. Venez avec votre catalogue, nous compterons les postes ensemble.

  • Tout ce que contient le forfait Démarrage
  • Pas un thème tout fait mais un design dessiné pour vous : vous ne ressemblerez pas à votre concurrent
  • Catalogue produits et services : catégories, tableaux de caractéristiques, documents PDF téléchargeables
  • Un blog : chaque article publié ouvre une porte de plus dans la recherche
  • Vos réalisations racontées comme études de cas, ce qui règle la question des références pendant l'entretien
  • Un formulaire de devis qui avance étape par étape, pour que personne n'abandonne devant un long questionnaire
  • Les questions fréquentes balisées de façon à pouvoir apparaître dans l'encadré de réponse de Google
  • Le titre et la description de chaque page réglés séparément, pour que vos pages ne se prennent pas mutuellement leur position
  • Les adresses de votre ancien site redirigées vers les nouvelles, pour que votre position Google ne reparte pas de zéro
  • La vitesse comme condition de livraison : en 4G lente, LCP sous 2,5 s · INP sous 200 ms · CLS sous 0,05
  • Où le visiteur a buté : suivi par cartes de chaleur et enregistrements de session
  • Un fichier llms.txt et une politique pour les robots, pour que les outils d'IA lisent correctement votre site
  • Une deuxième langue
  • Panier, paiement et suivi des commandes
  • Espace revendeur et interconnexion avec des systèmes externes
Voir le périmètre

Professionnel

S'il faut vendre, gérer des revendeurs ou interconnecter

Pas de prix fixe

C'est le nombre d'interconnexions qui fixe le prix. La liaison comptable est un travail à elle seule, la liaison transport en est un autre ; laquelle vous est réellement nécessaire, nous en parlons au cadrage.

  • Tout ce que contient le forfait Entreprise
  • Panier, commandes, stock et codes promo : la vente passe par le site
  • Le paiement par carte se fait en 3-D Secure, les données de carte n'atteignent jamais votre serveur
  • Liaison transport : le numéro de suivi se rattache tout seul à la commande
  • Revendeurs, clients et personnel ont des droits distincts, personne ne voit ce qu'il ne doit pas voir
  • Les tarifs réservés aux revendeurs ne s'ouvrent qu'au revendeur connecté
  • Une deuxième langue : le visiteur venu de l'étranger lit dans la sienne
  • Échange de données avec la comptabilité, l'ERP et la facturation électronique (avec document de correspondance des champs)
  • Les textes sur la vente à distance, les retours, la livraison, les données personnelles et les cookies sont fournis prêts
  • Les pages produits peuvent apparaître sur Google avec le prix et la disponibilité
  • Quel produit s'est vendu combien, quel client a acheté quoi : rapports depuis l'interface
  • Les changements sont d'abord essayés en environnement de test, la vente en cours ne s'interrompt pas
Voir le périmètre

Sur mesure

Les projets qui n'entrent dans aucun forfait

Si vos règles de gestion sortent du standard, si plusieurs systèmes doivent dialoguer ou s'il faut reprendre un logiciel existant, la logique des forfaits ne tient plus. Nous établissons d'abord un document de périmètre technique et chiffrons sur ses postes. La réunion de cadrage est gratuite.

Vous ne verrez pas de chiffres sur cette page. Un prix donné avant d'avoir parlé du périmètre couvre soit trop, soit trop peu. En un échange, nous précisons le périmètre et envoyons le jour même un devis écrit où chaque poste occupe sa propre ligne.

Questions fréquentes

Combien coûte un site vitrine d'entreprise ?

Quatre choses déterminent le chiffre : combien de gabarits de page différents sont nécessaires, si le design part de zéro, s'il faut vous développer un logiciel sur mesure et qui rédige les textes. Nous ne publions pas de grille tarifaire sur le site, parce qu'un chiffre annoncé sans connaître le périmètre couvre toujours soit trop, soit trop peu. Parlons de ces quatre points au téléphone, et nous envoyons le devis écrit le jour même. Le contenu des forfaits est détaillé poste par poste sur la page /paketler.

Pourquoi reçoit-on des prix si différents pour le même travail ?

Parce que les devis ne décrivent pas le même travail. L'un parle peut-être de l'installation d'un thème tout fait, l'autre d'une interface dessinée et d'un développement sur mesure. Avant de comparer, posez quatre questions aux deux : utilisez-vous un thème, combien de tours de correction, qui rédige les textes, à qui reste le code à la livraison. Si les réponses ne concordent pas, mettre les chiffres côte à côte n'a aucun sens.

Quels frais annuels y a-t-il une fois le site en ligne ?

Les postes fixes : le renouvellement du nom de domaine et l'hébergement. Le certificat SSL s'obtient gratuitement dans la plupart des installations, ce n'est pas une ligne à part. Le reste dépend de vos choix : contrat de maintenance, travail mensuel sur le référencement, budget publicitaire. Nous voyons lors du premier échange ce qui vous est nécessaire et nous l'inscrivons comme ligne distincte dans le devis.

Le contrat de maintenance est-il obligatoire ?

Non. Sans contrat, votre site fonctionne et vous modifiez vos contenus vous-même depuis l'interface d'administration. La différence est ailleurs : avec la maintenance, les mises à jour, les contrôles de sauvegarde et les correctifs de sécurité se font sans que vous vous en aperceviez. Sans elle, vous nous appelez quand un problème survient et vous payez à la tâche.

Quel budget prévoir pour Google Ads ?

C'est le coût du clic dans votre secteur qui le détermine, et l'écart d'un secteur à l'autre est considérable. Une fois votre compte ouvert et vos mots-clés examinés, nous pouvons vous donner une fourchette réaliste en une journée. Mettons une chose au clair dès le départ : le budget publicitaire part de votre propre compte directement chez Google, notre revenu à nous n'est que les honoraires de gestion.

Établissons le périmètre ensemble

Dites-nous quel processus vous voulez porter à l'écran ; nous esquissons la liste des écrans, le modèle de données et les règles de gestion, puis nous chiffrons. Cet échange est gratuit.