Graphic & UX/UI Designer · MoroccoDesigner Graphique & UX/UI · Maroc

Beautiful visuals, usable interfaces, built to ship. Des visuels soignés, des interfaces intuitives, prêtes à être mises en ligne.

I'm Khadija — a designer who bridges the gap between striking brand visuals, user-centred interfaces, and functional web integration. One mind, the whole journey from sketch to live site. Je suis Khadija — une designer qui relie visuels de marque percutants, interfaces centrées utilisateur et intégration web fonctionnelle. Un seul esprit, du croquis au site en ligne.

Khadija Bousselam
UX/UI DesignFigma · Adobe XDUX/UI DesignFigma · Adobe XD
Web IntegrationWordPress · AvadaIntégration WebWordPress · Avada
Tools I design & build withMes outils de conception
Khadija Bousselam portrait
About meÀ propos

From applied arts to digital products.Des arts appliqués aux produits digitaux.

My path into design started with my hands — sketching, composition, and colour during my Applied Arts studies. That early love for visual craft grew sharper when I specialised in Infographics, learning to turn ideas into polished, pixel-perfect work.

Over time I realised what excites me most isn't just making things look good — it's making them work for real people. So I moved into digital product design: wireframing, prototyping, and testing interfaces in Figma and Adobe XD, then bringing them to life on the web with WordPress, Avada, and a working knowledge of HTML & CSS.

Today I sit comfortably between disciplines. I love collaborating closely with developers and product managers — translating user needs into solutions that are both beautiful and functional, and sweating the details until the final product feels effortless.

Mon parcours en design a commencé par la main — croquis, composition et couleur pendant mes études en Arts Appliqués. Cet amour du visuel s'est affiné en me spécialisant en Infographie, où j'ai appris à transformer les idées en réalisations soignées, au pixel près.

Avec le temps, j'ai compris que ce qui me passionne le plus n'est pas seulement de faire de belles choses, mais de les rendre utiles aux vraies personnes. Je me suis donc tournée vers le design de produits digitaux : wireframing, prototypage et tests d'interfaces sur Figma et Adobe XD, puis leur mise en ligne avec WordPress, Avada et des bases solides en HTML & CSS.

Aujourd'hui, je navigue avec aisance entre les disciplines. J'aime collaborer étroitement avec les développeurs et chefs de produit — traduire les besoins utilisateurs en solutions à la fois belles et fonctionnelles, en soignant chaque détail jusqu'à ce que le résultat paraisse évident.

4+
Years designingAns d'expérience
2
Design studiosStudios de design
Pixels pushedPixels peaufinés
What I doCe que je fais

Three things I do, end to end.Trois expertises, du début à la fin.

Whether it's a product, a brand, or the website that carries them — I cover the full path from first idea to a polished, live result.Qu'il s'agisse d'un produit, d'une marque ou du site qui les porte — je couvre tout le chemin, de la première idée au résultat final en ligne.

01

UI/UX Product DesignDesign Produit UI/UX

Wireframes, interactive prototypes, and high-fidelity UI in Figma & Adobe XD — tested with real users and refined through iteration until the experience feels intuitive on every screen.Wireframes, prototypes interactifs et UI haute fidélité sur Figma & Adobe XD — testés avec de vrais utilisateurs et affinés par itérations jusqu'à une expérience intuitive sur chaque écran.

WireframingPrototypingUsability TestingResponsive
02

Brand Identity & Graphic DesignIdentité de Marque & Design Graphique

Logos and visual identities, social content, reels, and motion graphics that keep a brand consistent, memorable, and on-trend across every touchpoint.Logos et identités visuelles, contenus social media, reels et motion design qui gardent une marque cohérente, mémorable et dans l'air du temps sur chaque support.

LogosVisual IdentitySocial & ReelsMotion Graphics
03

Web Integration & QAIntégration Web & QA

Turning designs into live, responsive sites with WordPress & Avada, light HTML/CSS tweaks, and rigorous UI testing after development — so what ships matches what was designed.Transformer les maquettes en sites responsives avec WordPress & Avada, ajustements HTML/CSS, et tests UI rigoureux après développement — pour que le rendu final corresponde exactement à la maquette.

WordPress · AvadaHTML/CSSResponsiveUI Testing
Selected workProjets sélectionnés

A few projects, told properly.Quelques projets, racontés en détail.

Each case study follows the same honest structure — the problem, my approach, and what shipped. Replace the previews with your own screenshots.Chaque étude de cas suit la même structure honnête — le problème, mon approche et le résultat livré. Remplacez les aperçus par vos propres captures.

01
Add project previewAjouter un aperçu
Web Graphic Design · WeshoreDesign Graphique Web · Weshore

Promotional Campaign & Landing PagesCampagne Promo & Pages d'atterrissage

Role · Web Graphic DesignerRôle · Graphiste Web
The problemLe problème

Marketing needed a steady flow of on-brand promotional assets and landing pages that looked sharp and performed flawlessly across every device.Le marketing avait besoin d'un flux constant de supports promotionnels et de pages qui restent nettes et performantes sur tous les appareils.

The solutionLa solution

Designed banners, badges, and promotional pop-ups, then integrated and customised pages in WordPress with Avada — adapting each layout for desktop, tablet, and mobile.J'ai conçu bannières, macarons et pop-ups, puis intégré et personnalisé les pages sur WordPress avec Avada — en adaptant chaque mise en page desktop, tablette et mobile.

Responsive DesignDesign Responsive Brand ConsistencyCohérence de marque Cross-browser QAQA multi-navigateurs
02
Add project previewAjouter un aperçu
UX/UI Design · Opensnz TechnologyUX/UI Design · Opensnz Technology

Management & Automation Web AppApplication Web de Gestion

Role · UX/UI DesignerRôle · UX/UI Designer
The problemLe problème

A complex automation and management tool needed an interface that non-technical users could navigate with confidence — clear, accessible, and fast.Un outil complexe de gestion et d'automatisation avait besoin d'une interface que des utilisateurs non techniques puissent maîtriser en confiance — claire, accessible et rapide.

The solutionLa solution

Built wireframes, interactive prototypes, and high-fidelity mockups; ran usability tests and iterated on feedback hand-in-hand with the development and product teams.J'ai créé wireframes, prototypes interactifs et maquettes haute fidélité ; mené des tests utilisateurs et itéré avec les équipes de développement et produit.

User-tested FlowsParcours testés Accessible UIUI accessible Smooth Dev HandoffHandoff fluide
03
Add project previewAjouter un aperçu
Brand & Social · FreelanceMarque & Social · Freelance

Visual Identity & Social SystemIdentité Visuelle & Système Social

Role · Graphic DesignerRôle · Designer Graphique
The problemLe problème

Clients needed a cohesive visual identity and a repeatable system for producing on-brand social content week after week.Les clients avaient besoin d'une identité visuelle cohérente et d'un système réutilisable pour produire du contenu social aligné à la marque, semaine après semaine.

The solutionLa solution

Created logos and brand identities, then a library of reels, posts, and stories aligned with marketing strategy and current trends — plus motion graphics for campaigns.J'ai créé logos et identités, puis une bibliothèque de reels, posts et stories alignés à la stratégie marketing et aux tendances — avec du motion design pour les campagnes.

Full Visual IdentityIdentité complète Social TemplatesTemplates social Motion GraphicsMotion Graphics
Let's collaborateCollaborons

Have a project in mind? Let's make it real.Un projet en tête ? Donnons-lui vie.

Whether you need a fresh interface, a brand that stands out, or a design built and ready to go live — I'd love to hear about it. I reply to every message.Que vous ayez besoin d'une nouvelle interface, d'une marque qui se démarque, ou d'un design prêt à être mis en ligne — j'aimerais en discuter. Je réponds à chaque message.