Meryem Ghatrif
Meryem Ghatrif

Contents

[email protected]

Thoughtful digital experiences.

I work across UX strategy, accessible design and technology, from WordPress builds to emerging AI interfaces.

See selected work Write to me

A violet heartsease in evening light; fine dark lines on its petals lead to a yellow centre.
Viola tricolor · heartsease · la penséeIn the loupe: the lines that guide bees to the centreTap the photo to look closer.
  1. UX strategy Understanding needs before deciding what to build.
  2. WordPress development Custom, multilingual sites, built to last.
  3. Accessibility Inclusive design and code, aiming for WCAG 2.2 AA.
  4. AI & emerging interfaces Exploring AI that stays clear, private and in people’s control.

Selected work

Prismatic · Online marketing agency

Roles
Senior WordPress Developer · UX-AX Design StrategistUser Experience StrategistSenior Web Developer
Process
  1. UX research
  2. UX strategy
  3. UI design
  4. Custom WordPress development
Habitat
Websites for the agency’s clients
Clients
Client names are confidential

AX: AI experience, how people live with the AI features of a product.

Current role

Prismatic

I design and build websites for the clients of an online marketing agency, from UX research to custom WordPress development.

The projects themselves stay in the agency’s archive: they’re confidential.

The Nylaw homepage: a black-and-white photo of the firm’s office under the headline “Pratique du droit, intelligence des affaires”, with a switch between English and French.

Freelance project

Nylaw

A bilingual website for a business law firm in Casablanca.

My role
UX design, UI, user research, WordPress development
Built with
A custom WordPress theme, with WPML for French and English

Visit nylaw.ma (opens in a new tab)

In the loupe: the language switch, the detail that serves both audiences.

Earlier work

Websites I worked on for companies in France and Morocco. On a computer, point at a name to look closer.

  • AEC CabinetCoaching and professional training
  • AMITH CasablancaTextile and apparel industry association
  • Bader ArchitectArchitecture firm
  • Burger & CieIndustrial group
  • BurgerManufacturer
  • ClairefontainePaper and stationery brand
  • CoBrainItProject and meeting management tool
  • Energy SlimWellness practice
  • Image de soi NetworkNetwork of image consultants
  • JardipolysGardens and landscaping
  • Kaizen BlitzCustomer feedback platform
  • L’AlsacienneCycling event
  • Le Camping de l’ArcheCampsite with online booking
  • Maturité digitaleDigital maturity self-assessment
  • MavimInsurance
  • Nutribody StoreSports nutrition e-shop · plugin setup
  • SolutexIndustrial company
  • VideactinteractiveVideo and interactive content studio
  • Xperience ParkLeisure park · plugin setup

My story

Anatomy of a path

Every step of my path still feeds the work I do today, the way each part of a plant feeds its flower.

Botanical plate of the wild pansy, Viola tricolor: roots, stems, leaves, buds, flowers and seed capsules.

  1. i.Roots

    Where I started

    My first internships were in project management, including at Auto Nejma, Mercedes-Benz in Morocco. I learned how projects really run: planning, deadlines, people to bring together. Every project I lead still starts there.

  2. ii.Stem

    From plans to code

    I chose to build what I had learned to plan. As a senior WordPress developer for Annei SARL, a company in France, I kept the habits of project management: a clear scope, realistic deadlines, and attention to the people around the work. Code became the stem that carries everything I make.

  3. iii.Leaves

    Freelance

    As a freelancer, Top Rated on Upwork, I worked on websites for companies in France and Morocco. Every sector taught me something new.

  4. iv.Bud

    Learning UX

    I care about people. I try to live with empathy, wholeheartedly, and that is what drew me to UX design. So I studied it: seven courses and a masterclass with the Interaction Design Foundation, from service design to AI.

  5. v.Flower

    Where it all comes together

    Today, it all meets in one practice. At Prismatic, an online marketing agency, I’m a senior WordPress developer and UX-AX design strategist: I shape the experience, then I build it. With my own clients, like Nylaw, a bilingual website for a business law firm in Casablanca, I carry a project alone, from user research to launch.

  6. vi.Seeds

    What comes next

    What I’m growing now: AI interfaces that stay clear and private, and Pensées, my notes on UX design.

Learning & credentials

Structured learning alongside practical work: seven courses and one masterclass from the Interaction Design Foundation.

My IxDF profile (opens in a new tab)

Service design & journey mapping

How services work end to end, across every touchpoint.

UX strategy & product development

Aligning UX with business goals, and working in agile teams.

AI & emerging technologies

How machine learning shapes products, and how to design with it.

Mobile UX & UI

Strategy and interface design for small screens.

Pensées

French · noun, feminine, plural

  1. Thoughts: what you take the time to turn over.
  2. Viola tricolor, the heartsease: the flower of this site.

Notes on UX, accessibility and the web: what I learn, and what I try in real projects.

i.Flowers & UX

Flowers did UX before us

User experience is older than screens. Real stories from a door, a cockpit and a kitchen in Provence, the flowers that got there first, and five questions to ask about your own website.

7 min read

Beyond the screen

My garden is my refuge and my lab. It’s where I admire details, and learn to notice them: nature turns out to be infinite once you look closely. That’s why this site has a loupe.

Working with me

  1. HeardWe start with what you and your users need, not with a template.
  2. ClearYou always know where we are, what comes next, and why.
  3. At easeThe details are taken care of, in French and in English.

In English, my flower is called heartsease: ease of heart.