Je conçois et développe des sites web et des interfaces sur-mesure, de la réflexion UX jusqu’à la mise en ligne. Un seul interlocuteur, pour un résultat cohérent jusque dans les détails.
À propos
Je m’appelle Rayane Van Osselt. Je conçois des expériences web de bout en bout : je structure les parcours, je dessine les interfaces, puis je les développe moi-même. Ce que vous validez en maquette est exactement ce qui arrive en ligne.
Pour moi, un bon site se ressent avant de se lire : il est clair, rapide et cohérent jusque dans ses détails. C’est ce qui guide chacun de mes choix, du premier wireframe à la dernière ligne de code.
Mon regard vient aussi de l’image. Retouche photo, montage vidéo, illustration, mise en page : je soigne les visuels qui donnent vie à une interface.
Parcours utilisateurs, wireframes, maquettes et prototypes sur Figma, pensés pour être compris en quelques secondes.
Sites vitrines sur-mesure, responsive et multilingues, ou WordPress personnalisé quand le projet s’y prête.
Retouche photo, montage vidéo, visuels vectoriels et mise en page, pour une identité cohérente sur tous les supports.
Projets sélectionnés (07)
Des sites livrés, des maquettes d’applications, un jeu interactif et de la mise en page : une sélection qui montre ma façon de travailler, du concept au détail.
01En ligne
Site web — design & développement
Le site d’un barbier qui travaille uniquement sur rendez-vous. Une ambiance feutrée à l’image du salon, une prise de rendez-vous en trois étapes et une expérience entièrement trilingue.
02En ligne
Site web — WordPress sur-mesure
Le site d’un centre de formation à la sécurité au travail (VCA, PEB, premiers secours) basé à Anderlecht. Des sections conçues sur-mesure mettent en avant l’agrément, les partenaires et l’établissement.
Maquettes Figma, projets d’équipe, jeu interactif et édition : l’autre versant de mon travail.
Identité & présentation — projet d’équipe
Un projet collaboratif pensé en équipe : une identité illustrée autour d’une tasse-mascotte, la présentation des rôles de chacun et un argumentaire construit ensemble sur Figma.
Maquette de site web
La maquette complète d’un site multi-pages : structure, contenus et navigation pensés dans Figma autour d’une identité solaire et colorée.
Design d’application
L’interface d’une application consacrée à la génération de prompts d’IA : écrans, parcours utilisateur et composants réutilisables, conçus dans Figma.
Jeu interactif — projet d’équipe
Un jeu d’aventure réalisé à trois sur Genially : un personnage à guider jusqu’au bout, des indices et des mini-épreuves (relier, glisser, noircir des mots), jouable sur ordinateur, tablette et téléphone.
Mise en page — édition
« L’Orée des Sens », une brochure de 18 pages consacrée à un spa au cœur de la nature : grille, typographie et rythme éditorial travaillés sur InDesign.
Compétences
Le développement web et l’UX/UI sont mon cœur de métier. Autour, des outils créatifs que je pratique sérieusement pour livrer des projets complets, du code jusqu’à l’image.
Choisissez une compétence pour découvrir ce que j’en fais.
Développement
Niveau : ExpertMon cœur de métier.
Des sites rapides, responsive et accessibles, au code propre et maintenable : HTML, CSS et JavaScript sur-mesure, intégrations de services et WordPress quand le projet s’y prête.
À voir dansRufix BarberWisy Safety
Design
Niveau : ExpertL’autre moitié de mon métier.
Parcours clairs, hiérarchie visuelle nette, interfaces cohérentes : je conçois des expériences qui guident l’utilisateur sans effort et donnent envie d’aller plus loin.
À voir dansRufix BarberCaméra QuartierGénération Prompt
Image & vidéo
Niveau : ProfessionnelDes images au rendu professionnel.
Retouche, colorimétrie et harmonisation de séries : je prépare des photos cohérentes, prêtes à sublimer un site, un portfolio ou une campagne.
Design
Niveau : IntermédiaireAutonome, de la maquette au prototype.
Wireframes, maquettes, composants et prototypes : Figma est l’outil avec lequel je conçois et présente mes interfaces avant de les développer.
À voir dansCafé Clavier CauseriesCaméra QuartierGénération Prompt
Design
Niveau : IntermédiaireÀ l’aise avec le vectoriel.
Logos, pictogrammes et éléments graphiques : je crée des visuels vectoriels nets, prêts pour le web comme pour l’impression.
Image & vidéo
Niveau : OpérationnelDes montages propres et efficaces.
Montage, rythme et habillage simple : je réalise des vidéos soignées pour le web et les réseaux sociaux.
Méthode
Chaque projet suit les mêmes étapes, pour avancer sans surprise et valider chaque décision au bon moment.
On échange sur vos objectifs, votre public et vos contenus. Je clarifie ce que le site doit accomplir avant de dessiner quoi que ce soit.
Arborescence, wireframes puis maquettes sur Figma : vous validez le design et les parcours avant la première ligne de code.
J’intègre la maquette en code propre : responsive, accessible, rapide, et multilingue si votre public le demande.
Tests sur mobile, tablette et ordinateur, optimisation, puis mise en ligne. Et on ajuste ensemble si nécessaire.
Contact
Un site à créer, une interface à repenser ou des visuels à soigner ? Écrivez-moi : je vous réponds personnellement, avec une réponse claire et concrète.
En direct
