Bonjour,
je m'appelle Rihab

Site WordPress – Moroccan Travel Club

Création d’un site WordPress autour d’un concept de club de voyage dédié au Maroc. L’objectif était de construire une vitrine claire et attractive, avec une navigation simple, une identité visuelle cohérente et des pages structurées pour présenter le projet.

Contexte

Le site a été réalisé sur WordPress en utilisant un thème existant et des outils de composition. J’ai travaillé principalement la structure des pages, la hiérarchie des contenus, la cohérence graphique et l’expérience utilisateur, sans développement sur mesure.

Objectifs

• • Mettre en place une direction artistique cohérente (couleurs, typographies, visuels).
• • Intégrer et organiser les contenus (textes, images, blocs).
• • Optimiser la navigation et la clarté des informations.

Rôle & outils

• Rôle : création du site, mise en page, gestion des contenus, cohérence UI
• Outils : WordPress, thème + constructeur de pages, Figma (maquette / inspirations)

Découvrir le site : https://moroccan-travel-club.free.nf

Application Hemera — UX project

Projet d’application mobile réalisé pour Hemera Coworking afin de répondre au problème de sédentarité des coworkers. L’objectif est d’encourager le mouvement au quotidien grâce à une roulette d’activités aléatoires et un système de podium pour stimuler la motivation.

Contexte

Le brief : concevoir une solution ludique permettant aux utilisateurs de se lever régulièrement sans interrompre trop longtemps leur travail. Nous avons imaginé plusieurs micro-activités, définis des règles de jeu et réalisé un prototype interactif.

Prototype Figma

Voir le prototype interactif

Vidéo de démo

Rôle & outils

Rôle : UX / UI design, prototypage
Outils : Figma, Illustrator, montage vidéo

Portfolio Rihab Doukkali

Portfolio personnel conçu pour présenter mes projets en UI/UX, développement web et communication digitale. L’objectif est d’offrir aux recruteurs une vue claire sur mes compétences tout en reflétant mon univers visuel.

Contexte

Ce portfolio a été imaginé d’abord comme une maquette sur Figma, puis développé en intégration front à partir de zéro. J’ai travaillé la structure des pages, le design system et l’ergonomie pour un usage recruteur sur desktop et mobile.

Objectifs

• Structurer mes projets par tags pour faciliter la navigation.
• Mettre en avant quelques projets phares avec un message clair de recherche de stage.
• Permettre un accès rapide aux études de cas via des pop-ups détaillées.
• Mettre en place un design system cohérent (boutons, cartes, grille, typographies).

Fonctionnalités clés

• Filtre des projets par catégories.
• Cartes projets interactives avec overlay au survol.
• Pop-ups pleine largeur pour chaque projet.
• Mise en page responsive pour desktop et mobile.

Rôle & outils

Rôle : conception UX/UI, design system, intégration front-end
Outils : Figma, HTML, CSS, JavaScript

Liens

• Voir le portfolio en ligne
• Maquette Figma (mode lecture)