Figma Design
Full interactive prototypes with auto-layout and design tokens.
UI/UX Design
UI/UX Design
Interfaces users love to use
User-centered UI/UX design that turns ideas into pixel-perfect, accessible digital experiences.
4+Years Exp.
20+Projects
100%Satisfaction
48hResponse
Overview
What is UI/UX Design?
Good design is not just about aesthetics — it's about solving problems elegantly. I design interfaces that are intuitive, accessible, and visually stunning, using a research-driven process from wireframes to final implementation. Every pixel has a purpose, and every interaction is intentional.
User-Centered
Every design decision is backed by UX principles and user research.
Pixel-Perfect
Clean, precise implementation that matches Figma designs 1:1.
Accessible
WCAG 2.1 AA compliance built into every component and layout.
Design System
Reusable component library and design tokens for long-term consistency.
Who is this for?
- Products needing a design refresh
- Startups building their first interface
- Developers who need design support
- Teams wanting design + implementation
6+Technologies
24hFirst Draft
2wkSupport Incl.
∞Revisions
Core Features
Every engagement covers these essentials — no shortcuts, no compromises.
Wireframing
Low-fidelity wireframes to validate structure before visual design.
Component Library
Reusable design system components for scalable UI development.
Responsive Design
Mobile-first layouts that adapt perfectly across all screen sizes.
Micro-interactions
Subtle animations and hover states that enhance user delight.
Handoff Ready
Developer-ready Figma files with specs, assets, and CSS tokens.
Technologies I Use
Modern, battle-tested tools chosen for performance, developer experience, and longevity.
React.js
Next.js
TypeScript
Express.js
Development Process
A proven, transparent workflow that keeps you informed and in control at every stage.
01
Research
Competitor analysis, user persona definition, and goal mapping.
02
Information Architecture
Sitemap, user flow diagrams, and navigation structure.
03
Wireframes
Low-fidelity sketches to validate layout and user journeys.
04
Visual Design
High-fidelity Figma designs with color, typography, and assets.
05
Prototype
Interactive prototype for stakeholder review and usability testing.
06
Implementation
Pixel-perfect coding of all designed screens and components.
The Difference
Not just a developer — a partner who cares about your product's success.
4+ Years Experience
Deep expertise across the full stack — from pixel-perfect frontends to production-grade backends.
Performance First
Lighthouse 95+ scores are non-negotiable. Every project is optimized for speed and Core Web Vitals.
Clean, Maintainable Code
TypeScript, clear architecture, and comprehensive documentation mean your team can own the codebase.
Security Built In
OWASP best practices, input validation, and proper auth from the first line of code.
On-Time Delivery
Clear milestones, transparent communication, and no scope creep surprises.
Post-Launch Support
I stay available after go-live. Bugs, questions, and quick iterations are always handled promptly.
Frequently Asked Questions
Everything you need to know before we start working together.
Both. I offer design-only engagements (delivering Figma files) or full design + front-end development where I implement the designs in React/Next.js.
Figma is my primary design tool. I use it for wireframes, high-fidelity designs, interactive prototypes, and design system documentation.
I follow WCAG 2.1 AA guidelines throughout the design and implementation phases — including proper color contrast, focus states, ARIA labels, and keyboard navigation.
Yes — redesigns are one of my specialties. I audit your current UX, identify pain points, and deliver a modern redesign that improves both aesthetics and conversion.
Yes. For projects that need long-term scalability, I create a full design system with color tokens, typography scales, spacing systems, and a component library in Figma.
Related Projects
Real work delivered for real clients — see the quality for yourself.
Web Projects
Tajir App
A comprehensive e-commerce platform built with the MERN stack, featuring user authenticati…
View project
Web Projects
Khadamat Maroc
A comprehensive service marketplace platform connecting service providers with customers i…
View project
Web Projects
GitHub Search User
A web application that lets users explore GitHub profiles. Built with React and the GitHub…
View projectReady to build something great together?
Have a project in mind? Let's talk — I'll respond within 24 hours with an honest assessment and a clear path forward.