Contactez-nous

Blog

Nos articles

Retours d’expérience, méthodes et convictions de l’équipe Frontguys.

Liste des articles

  • Product Design by alvaro reyes

    Product Design : définition, enjeux et méthodologie

    Le product design – ou design produit – est devenu un concept fondamental pour concevoir des produits digitaux performants. À la fois pédagogique et stratégique, il s'agit d'une méthode centrée sur l'utilisateur. Cette méthode vise à aligner la vision d'un produit avec les besoins réels du marché. Dans cet article complet, nous allons définir précisément ce qu'est le product design (ses origines et son évolution), examiner ses grands enjeux business, puis détailler les méthodes et étapes clés d
  • Photo de routes qui s'entrecroisent

    Retours de 7 experts sur leur utilisation de l'UX Repository

    Nous l'avons vu dans un précédent article, une base de connaissance UX centralisée permet de structurer et partager les insights utilisateurs pour transformer ces informations en décisions stratégiques impactantes. En facilitant l’accès aux données et en évitant leur dispersion, elle devient un levier clé pour aligner les équipes et optimiser les prises de décision. 👉 Pour consulter l’article c’est par ici ! La gestion des insights UX, favorise l’orientation d’une entreprise à un approche use
  • Blue and purple background with curly braces centered in the frame

    Passing TypeScript React components native HTML attributes

    It’s important and useful to pass native HTML element attributes onto TypeScript + React components that manage and extend them. Here’s how: Take this simple input component which you can pass an isInvalid prop which adds a custom CSS class: interface CustomInputProps { isInvalid?: boolean; onChangeCallback?: (value: string) → void; ｝ export const Input = ({ isInvalid, onChangeCallback}: CustomInputProps) => { const handleChange = (event: ChangeEvent<HTMLInputElement>) = { onChange
  • photo de data center

    How to edit network responses with only Chrome DevTools

    This article is a guide to editing network responses using the chrome dev tools. Here is a simple example app which displays some user cards retrieved from an API. This is the API response for the contacts in the chrome dev tools network tab, which you can open by: * Right clicking on the page * Clicking inspect * Navigating to the network tab Let’s imagine our User object will have a new property added in the future - extraInfo which we want to display on the card if it exists.
  • Accessibilité numérique : Pourquoi il est urgent de se former ?

    Accessibilité numérique : Pourquoi il est urgent de se former ?

    Edit : découvrez notre nouveau site dédié à l'accessibilité : Frontguys A11Y L'accessibilité numérique prend un virage en 2025. En effet, 2025 est une année charnière pour l’accessibilité numérique en France et en Europe. Beaucoup de services d’entreprises du secteur privé vont devoir se mettre en conformité totale avec le RGAA et les WCAG. Malgré les obligations légales en vigueur depuis plusieurs années, le constat est toujours aussi alarmant :  d’après l’Observatoire du respect des obligati

  • Comment migrer une architecture SCSS vers la règle "@use"

    J'utilise depuis de nombreuses années maintenant la méthodologie ITCSS pour organiser mes styles dans mes projets. Elle a fait ses preuves dans tous mes projets et notamment l'architecture frontend que j'ai créé pour Specify il y a 6 ans. ITCSS en quelques mots ITCSS pour "Inverted Triangle CSS" est une méthodologie d'architecture qui nous aide à structurer nos feuilles de style en bénéficiant de la cascade au maximum tout en contrôlant la spécificité de nos règles CSS à grande échelle. L'id
  • photo de bibliothèque

    Optimisez vos décisions stratégiques avec un UX Repository centralisé

    Dans un environnement où les décisions business doivent être prises rapidement et en phase avec les attentes des utilisateurs, un UX Repository qui centralise et structure les informations devient essentiel pour toute entreprise orientée client. On parle du "Voice of Customers" (VoC) traduisez par “Voix des Clients”. Un process qui recueille et analyse les besoins, attentes, préférences et ressentis des clients à propos d’un produit, d’un service ou d’une expérience. Il est essentiel pour aligne

  • Quand collaboration et résilience façonnent des produits sur-mesure ?

    Dans l’univers de la conception numérique, chaque mission menée est une aventure jalonnée de défis techniques, humains et organisationnels, où collaboration et résilience jouent un rôle clé dans la réussite des projets. Un point de départ incertain J'ai débuté ma mission dans une structure liée au sport professionnel, bien installée dans le paysage mais avec une culture design encore balbutiante. Le design n’était pas perçu comme une priorité par le management. Ce sont les équipes techniques

  • 🛎️🎄 Bilan de 2024 : Une année riche de projets, de découvertes et d’apprentissages ✨🎄 🛎️

    Alors que l’année touche à sa fin, il est temps pour nous de faire une pause et faire le bilan de ce que 2024 nous a apporté. Chez FrontGuys, cette année a été marquée par des défis relevés, des collaborations inspirantes, et des moments précieux partagés.🌟 2024 a été une année riche d’opportunités, de projets stimulants et de belles rencontres. Avec nos experts en Design Ops, Product Design, Design System, UX Research, Design Sprint et nos Développeurs Front-end, nous avons accompagné des par
  • Design Tokens chez DECATHLON: Vecteur d'alignement cross-platform

    Design Tokens chez DECATHLON: Vecteur d'alignement cross-platform

    Retour d’expérience sur les Design Tokens, par la lead designer et le lead tech de DECATHLON L’équipe Sabrina Vigil Staff Designer - Design Lead Laurent Thiebault Engineering Manager - Tech Lead A propos de l’entreprise DECATHLON, entreprise leader sur le marché du sport, regroupe deux activités : la création de produits sportifs et de services innovants, via la distribution en ligne et en magasins. Depuis 1976, l’entreprise œuvre à la réalisation d’une ambition permanente : innover dans

  • Pourquoi l’e-commerce devrait-il s’intéresser plus sérieusement à son apparence ?

    L’UX Design est devenu en quelques années un pilier incontournable de l’e-commerce. Dans un marché de plus en plus concurrentiel, le design visuel joue un rôle clé pour capter l’attention des clients et les fidéliser. Aujourd'hui, concevoir un site impose d'intégrer une réflexion poussée sur les parcours des utilisateurs et une analyse experte de leurs comportements. L’UX Design dans la lumière En e-commerce, rien n'est fait par hasard . Tout est quantifiable et mesurable (le taux de conversi

  • Comprenez vos clients avant d'améliorer votre produit !

    En tant que consultant chez FrontGuys, j’ai participé à de nombreux projets complexes. Ils ont chacun leurs particularité, mais aussi un point commun. Cela va de la refonte de produits digitaux à la création de solutions sur-mesure pour des entreprises d’envergure. Après plusieurs années d’expérience, une chose est claire. Les entreprises qui réussissent ne se contentent pas simplement de faire évoluer leurs produits. Elles répondent avant tout aux besoins de leurs clients et traitent leurs prob