Retour aux projets

Tweetz

Réseau social Tweetz

Conception d’interfaces utilisateurs et développement front-end pour Tweetz, une plateforme sociale belge optimisant le partage de liens personnalisés, avec un focus UI/UX sur l’expérience fluide et l’identité visuelle.

Rôle UI Designer & Front-End Developer
Date novembre 2023
Entreprise Tweetz
UI DesignFront-EndReactFigmaWeb Design
Image principale du projet Réseau social Tweetz

Contexte

Tweetz est une jeune plateforme de réseaux sociaux basée en Belgique, proposant des liens personnalisés et rapides qui redirigent directement les utilisateurs vers le contenu souhaité pour augmenter les conversions et améliorer l’expérience de navigation. :contentReference[oaicite:0]{index=0}

Objectif

Concevoir des interfaces cohérentes avec l’identité du produit et développer en React des composants UI réutilisables, tout en garantissant une expérience fluide et responsive sur desktop et mobile.

Processus

Analyse des besoins UI/UX, Prototypage Figma, Design System, Développement React, Tests responsive, Intégration des assets graphiques

Résultat

Interfaces UI adoptées en production, amélioration de la cohérence visuelle, et intégration front-end fonctionnelle alignée avec les besoins produit.

Technologies

FigmaReactJavaScriptSCSSTypescriptTailwind CSS

Le défi

Tweetz propose une solution innovante pour transformer des URL classiques en liens intelligents personnalisés qui offrent une expérience utilisateur fluide sans détours inutiles, avec pour objectif d’augmenter les conversions.

Le challenge principal consistait à concevoir des écrans et des composants UI qui soient à la fois esthétiques, simples à utiliser et compatibles avec une identité visuelle cohérente tout au long du parcours utilisateur.

Notre approche

Pour répondre à ce besoin, nous avons structuré notre travail autour de plusieurs axes :

  • Prototypage rapide des maquettes dans Figma pour valider les flows principaux
  • Création d’un design system UI réutilisable (typographies, couleurs, états interactifs)
  • Développement de composants React modulaires pour une intégration front-end scalable
  • Optimisation responsive pour desktop/tablette/mobile
  • Tests UX pour assurer une navigation intuitive

Ce processus a permis de passer d’une vision conceptuelle à un produit utilisable de manière itérative et visuelle.

Livrables

  • Maquettes Figma des pages clés
  • Système de composants UI (boutons, formulaires, cards, modales)
  • Pages responsives optimisées
  • Code front-end en React avec SCSS modulaire

Résultats clés

L’interface a été intégrée en production avec succès et utilisée pour les versions du produit, renforçant la cohérence visuelle globale de Tweetz tout en permettant une meilleure adoption par les utilisateurs.
Ce travail a soutenu les besoins UI/UX de l’équipe produit et facilité les développements ultérieurs.


Envie d'en voir plus ?

Voir tous les projets