Développeur front-end / Intégrateur UI

Benin Digital; Montfaucon; On-site; EUR 42,000 - 56,000; Full time

Job summary

Bénin Digital est une ESN spécialisée dans la digitalisation des processus métiers et accompagne les clients en Afrique et en Europe.

Nous recherchons un développeur front-end expérimenté pour réaliser des interfaces React, intégrer des maquettes responsive et connecter les écrans aux services back-end, tout en assurant la cohérence et la qualité des parcours utilisateur sur l’ensemble des écrans.

Qualifications

• Formation et expérience en développement web ou informatique exigées.
• Expérience concrète de réalisation d’interfaces React et d’intégration de maquettes responsive.
• Connexion à des services back-end et gestion des appels API attendues.

Responsibilities

• Réalisation des interfaces React à partir des maquettes fonctionnelles et création de composants réutilisables.
• Intégration responsive Mobile First et connexion des écrans aux services back-end.
• Coordination avec le QA et les développeurs back-end pour éviter les régressions et documenter les choix d’interface.

Skills

React

JavaScript

Hooks

HTML

CSS

Responsive design

Education

Formation en développement web ou informatique

Job description

Contexte

Il réalise les interfaces des portails et veille à la cohérence des parcours utilisateurs sur les différents écrans.

Missions

• Phase 1 — Réalisation des portails : développer les interfaces React à partir des maquettes fonctionnelles ; structurer des composants réutilisables pour assurer la cohérence visuelle ; intégrer les écrans responsive selon une approche Mobile First ; réaliser les formulaires, tableaux de bord et parcours de validation ; connecter les interfaces aux services back-end et gérer les états de chargement, les erreurs et les confirmations ; vérifier les comportements sur les différents écrans et corriger les problèmes d’ergonomie.
• Phase 2 — Amélioration et stabilisation : intégrer les ajustements UX/UI issus du pilote et des retours de recette ; analyser et reproduire les anomalies multi-écrans ; corriger les défauts d’affichage et de navigation ; simplifier les parcours et améliorer la lisibilité des formulaires et des tableaux de bord ; vérifier l’absence de régressions après modification ; stabiliser les interfaces et documenter les corrections apportées.
• Coordination et qualité : décliner les maquettes fonctionnelles en interfaces opérationnelles ; clarifier les comportements attendus avec le consultant fonctionnel ; coordonner l’intégration des services avec les développeurs back-end ; traiter les retours de recette avec le QA ; partager les contraintes d’intégration et signaler les points bloquants ; documenter les composants et les choix d’interface pour faciliter la maintenance.

Compétences techniques

• React et JavaScript : maîtrise du développement de composants fonctionnels, des propriétés, des états et des événements ; utilisation des hooks pour gérer les comportements et les données des interfaces ; conception de composants réutilisables et de logiques partagées ; gestion des appels asynchrones et des mises à jour d’affichage ; organisation du code pour limiter les duplications et faciliter les évolutions. Capacité à diagnostiquer les rendus inutiles et les erreurs de comportement.
• HTML, CSS et intégration responsive : maîtrise de la structuration sémantique des pages, des mises en page Flexbox et Grid, des media queries et des styles de composants ; intégration fidèle des maquettes selon une approche Mobile First ; gestion des espacements, des alignements, des débordements et des contenus variables ; vérification du comportement des écrans sur mobile, tablette et ordinateur ; maintien d’une présentation homogène entre les navigateurs et les différentes pages du portail.
• Intégration d’API et gestion des données : réalisation et suivi des requêtes aux services back-end ; exploitation et transformation des réponses pour alimenter les composants ; gestion des paramètres, des chargements, des erreurs et des résultats vides ; synchronisation des données affichées après une action utilisateur ; mise en œuvre des filtres, tris et mécanismes de pagination selon les services disponibles ; analyse des échanges pour distinguer une anomalie d’interface d’un problème de service.
• Formulaires et tableaux de bord : conception de formulaires avec gestion des valeurs, des champs obligatoires, des dépendances entre champs et des règles de validation ; restitution explicite des erreurs et des confirmations ; conservation des saisies en cas d’échec et prévention des soumissions multiples ; réalisation de tableaux de données avec filtres, tris, pagination et actions contextualisées ; prise en compte des volumes de données et de la lisibilité sur petits écrans.
• Ergonomie et robustesse des interfaces : traduction des maquettes en parcours cohérents ; gestion des états actifs, désactivés, de chargement et d’erreur ; cohérence des libellés, des messages et des comportements entre composants ; vérification de la navigation et de l’enchaînement des étapes de validation ; traitement des contenus longs, absents ou inattendus ; diagnostic des anomalies d’affichage, d’interaction et de navigation sur les différents écrans.
• Tests, diagnostic et maintenabilité : conception de tests de composants et de scénarios couvrant les parcours critiques, les règles de validation et les cas d’erreur ; reproduction méthodique des anomalies et analyse à l’aide des outils de développement du navigateur ; vérification des corrections et des non-régressions ; structuration des composants et des styles pour faciliter leur maintenance ; documentation des interfaces de composants, des dépendances aux API et des comportements attendus ; capacité à justifier les choix d’implémentation lors de la recette technique.

Profil requis

Formation et expérience : formation en développement web ou informatique, ou expérience équivalente. Expérience concrète de réalisation d’interfaces React, d’intégration de maquettes responsive et de connexion à des services back-end. Capacité à intervenir sur la création de nouveaux écrans comme sur l’amélioration d’interfaces existantes.

Réalisations attendues : pouvoir présenter des projets illustrant la qualité de l’intégration, la cohérence des parcours, la gestion des formulaires et la maintenabilité du code. Savoir expliquer les choix techniques et ergonomiques, les difficultés rencontrées et les solutions mises en œuvre.

Qualités professionnelles : rigueur dans l’intégration et les vérifications, sens du détail, autonomie dans l’analyse des anomalies et capacité à prioriser les corrections. Aptitude à prendre en compte les retours utilisateurs et à proposer des améliorations adaptées aux contraintes du projet.Collaboration : capacité à travailler avec les métiers, le consultant fonctionnel, le QA et les développeurs back-end ; à clarifier les besoins ; à communiquer sur l’avancement et les blocages ; et à documenter son travail pour faciliter la recette et la maintenance

Bénin Digital est une Entreprise de Services du Numérique (ESN) spécialisée dans la digitalisation des processus métiers et accompagne les clients issus des secteurs de l’industrie, de la Banque & assurance, de l’industrie, de la Grande distribution & e-commerce et des Médias & communication. Nous interagissons avec nos clients et consultants autour de compétences « tech » pour l’essentiel et les accompagnons aussi avec des talents Data, Produit, Design et Marketing Digital. Bénin Digital accompagne ses clients dans la chaine de valeur de leurs activités en leur mettant à disposition son expertise à travers des consultants hautement qualifiés pour des projets et des missions diversifiées en Afrique et en Europe