Hello Marcel
Switch page to dark theme
Design d’expériences utilisateurs,
développement de sites web et
solutions digitales sur mesures.
Disponible à partir de juillet 2026.
Expertise ciblée ou prise en charge complète
Librairie de composants et base de code liée
Vos composants et templates prêts-à-l’emploi.
Profitez d’une librairie de composants (UI-Kit) qui s’aligne parfaitement à votre produit. Vous ne vous souciez plus des détails, vous composez vos pages ou utilisez une série de templates pré-assemblés, et ceci dans votre language de programmation préféré.
Vous avez déjà le code, mais le design ne suit plus ?
Transformez votre base de code en un fichier Figma fonctionnel et synchronisé.
<a href="/" target="_self" class="btn btn--primary">
<span class="btn__content">
<span class="btn__label">Action</span>
<div class="icon icon--arrow_right">
<svg d="M0.75 12H23.25..." </svg>
</div>
</span>
</a>
function App() { return (
<MyButton
label="Action"
buttonClass="btn btn--primary"
href="/"
target="_self"
iconPath="M0.75 12H23.25..."
/>
); }
export default App;
@Component({
selector: 'app-root',
template: `<my-button
label="Action"
buttonClass="btn btn--primary"
href="/"
target="_self"
iconPath="M0.75 12H23.25..." />`
})
export class AppComponent {}
<MyButton
text="Action"
buttonClass="btn btn--primary"
onClick={HandleClick}
target="_blank"
/>
-
Design-to-Code
Composez vos interfaces sur base d’un prompt.
-
Code Connect
Exportez vos pages dans le langage de votre choix.
-
Multi marque
Un seul UI-Kit qui s’adapte à plusieurs marques différentes
Interessé ?
Parlons-enPortail étudiants HELB
2025
Vue de la page de connexion et d'une page intérieure du portail.
Carrousel pour les communications entre les différents acteurs de l’école.
Type d'assignement
Marché public
Contexte
La Haute École Libre de Bruxelles souhaitait moderniser son portail étudiant afin de créer un canal de communication plus direct entre la direction, les enseignants et les étudiants.
Solution
Une interface moderne et intuitive, accompagnée d’une réarchitecture complète de l’existant. Une rationalisation des pages et des contenus sur deux niveaux, toujours accessibles via un menu de navigation fixe. Des contenus personnalisés en fonction du profil de chaque utilisateur.
Impact
Une centaine de pages éditées et maintenues par les professeurs eux-mêmes, et des milliers d’étudiants connectés simultanément, pendant et en dehors des jours de cours.
Smart.coop
2022-2025
Mise en page et sommaire pour la page des contrats d'utilisation des services Smart.
Fonctionnalité d'upload des documents.
Type d'assignement
Contrat longue durée
Contexte
La coopérative Smart a décidé de moderniser ses outils destinés aux 30 000 membres qui lui font confiance, afin de leur garantir une expérience utilisateur optimale et de mieux servir une communauté solidaire et active.
Solution
J’ai intégré l’équipe informatique sur place afin d’entamer une réflexion et un travail sur la production de fonctionnalités et d’écrans. Sur la base d’un design system tout neuf, chaque page et chaque outil déjà disponible a été soumis à un lifting complet. Quant aux nouveaux outils proposés selon les besoins définis, des fonctionnalités riches ont été mises en place pour faciliter la gestion administrative des membres et des conseillés internes.
Impact
Une équipe de développement autonome, avec un design system à jour et facilement maintenable.
Proximus Webshop
2019-2022
Page étape des payements.
Proposition de la ligne du temps des étapes sur mobile.
Type d'assignement
Contrat longue durée
Contexte
Proximus a décidé de revoir entièrement l’expérience d’achat sur son site web. L’offre d’achat groupé de produits physiques et d’abonnements n’était pas bien assimilée lors des commandes jusqu’ici. Des statistiques de fréquentation et de comportement ont été analysées, révélant un taux d’abandon du panier assez haut au fur et à mesure des étapes de commande.
Solution
Tout d’abord, sur la base du taux d’abandon par étapes, nous sommes parvenus à réduire le nombre de celles-ci à quatre en regroupant les informations demandées à l’utilisateur lors de sa commande. Une fois les écrans de flux créés, nous les avons testés sur des utilisateurs réels afin d’en assurer la valeur ajoutée pour l’expérience.
Impact
Des commandes plus nombreuses et un panier moyen plus élevé.