Hire the Best Components Designers

I am a Product designer with a wealth of experience in building user-centric websites and products. My unique blend of creativity, technical skills, and user-centered design expertise makes me a valuable asset to any team. With my attention to detail, intuitive interfaces, and strong communication skills, I have successfully collaborated with various teams, analyzed user feedback, and delivered multiple successful projects. My knowledge of front-end development and ability to bring a diverse perspective to the table truly sets me apart.

🎯 Your website tells people whether you're serious before you've said a word. If it looks like everyone else's, you've already lost the room. ⚡ I'm a Framer developer who builds Framer sites that make people lean forward — motion-led, technical, and precise enough that the details do the talking. I handle the full Framer build, from the first interaction to the final deployed line, so the site ships exactly as intended: no handoff gaps, no watered-down animations, no "that's not possible in Framer." ⭐ Top Rated · 100% Job Success · 51 projects · $40K+ earned 🎖️ Awwwards Jury Member — I judge the world's best sites, then build to that standard ━━━━━━━━━━━━━━━━━━━━ Recent Framer work: ▸ UareAI — Framer site for a $10.3M seed-funded AI SaaS ▸ Billix — Framer site at the center of the pitch that raised their round ▸ Bryce Willem — Framer portfolio that got him hired as Brand Lead at Sona ▸ Gmonad — Framer site for the cultural hub of the Monad blockchain ━━━━━━━━━━━━━━━━━━━━ What the work actually looks like: Framer website design & development: Custom Framer components, code overrides, CMS setup, dynamic content, and third-party integrations — the technical side of Framer most "Framer designers" can't touch. Responsive and pixel-perfect across every breakpoint, from landing pages to multi-page Framer sites. Figma to Framer: Hand me a Figma file and I'll turn it into a live, pixel-perfect Framer site — no detail lost in translation. Motion & interaction in Framer: Scroll-based storytelling, cinematic transitions, custom cursor work, microinteractions that feel expensive without slowing the page. GSAP — ScrollTrigger, SplitText, Flip, MotionPath — when Framer's native tools aren't enough. Performance: Fast load times, clean Framer structure, SEO-ready. Motion that runs smooth instead of janky. Beyond Framer: Webflow, React, Next.js, and Tailwind when a project outgrows Framer — so I can tell you honestly when Framer is the right tool and when it isn't. End to end: I can take your Figma file to a live Framer build, or design and build from scratch in Framer. Either way, one person owns it start to finish. ━━━━━━━━━━━━━━━━━━━━ Best fit if you're: ✔️ A funded startup whose site looks cheaper than what's behind it ✔️ A founder who needs a Framer launch site worthy of where you're going ✔️ A team that's hit the limits of a Framer designer and needs someone who can actually build Most Framer projects go brief-to-live in 2–4 weeks. 💬 Send me your current site (or what you're building) and I'll send back a short Loom walking through exactly how I'd approach it in Framer — before you commit to anything. 🔒 Risk-free first week — not happy with the direction after week one, I refund you. No questions asked. ━━━━━━━━━━━━━━━━━━━━ Work I take on: Framer websites, landing pages, SaaS marketing sites, portfolio sites, agency sites, website redesigns, and Figma-to-Framer builds.

I help businesses, organizations, and government agencies make their websites, web apps, and digital documents accessible, compliant, and easier to use for everyone. I specialize in WCAG 2.1/2.2 AA, Section 508, ADA digital accessibility, PDF remediation, VPAT®/ACR reporting, and accessibility training. My audits are manual-first, detailed, developer-friendly, and built to uncover the real accessibility issues automated tools often miss. If you need a clear accessibility audit, PDF remediation, VPAT/ACR, remediation guidance, team training, or a final retest after fixes are made, I can help you get it done accurately and professionally. I provide free, no-obligation estimates. No back-end access is needed to start. Just send your URL, PDF, or document details, and I can review the scope and provide the time and cost for a thorough accessibility review. What I Can Help With Web Accessibility Audits Manual WCAG 2.1/2.2 AA and Section 508 audits for websites, web apps, dashboards, forms, checkout flows, login areas, dynamic components, and software platforms. PDF & Document Accessibility Remediation Full remediation of PDFs and digital documents for Section 508, ADA, including tags, reading order, headings, tables, links, alt text, form fields, and screen reader usability for complex and simple documents. VPAT® / ACR Reports Professional Accessibility Conformance Reports using the latest VPAT® 2.5 templates, including WCAG and Section 508 documentation. Developer-Ready Reports Clear, actionable reports with issue descriptions, severity levels, WCAG references, screenshots, selectors/source code when needed, and practical remediation guidance. Accessibility Training for Teams Custom accessibility training for designers, developers, content teams, and organizations that want to better understand WCAG, Section 508, accessible design, remediation workflows, and how to prevent common accessibility issues moving forward. Manual + Assistive Technology Testing Keyboard-only testing, screen reader review, color contrast testing, focus order checks, forms, buttons, labels, landmarks, headings, images, modals, menus, and more. Tools I Use axe DevTools, WAVE, Lighthouse, ANDI, Chrome DevTools, W3C validators, Adobe Acrobat Pro, PAC, CommonLook, NVDA, JAWS, VoiceOver, and other accessibility testing tools. Why Clients Hire Me Accessibility work needs more than an automated scan. Automated tools are helpful, but they miss many real-world accessibility barriers and often produce false positives. My process combines industry-standard tools with hands-on manual testing so your team gets accurate findings, clear explanations, and guidance they can actually use. Government agencies, businesses, nonprofits, ecommerce brands, and software teams trust my work because I focus on practical results: finding the issues, explaining how to fix them, retesting after remediation, and helping document conformance through accessibility statements and VPAT/ACR reports. I also bring real accessibility education and product experience to my work. I have created public accessibility software for WordPress and have presented on web accessibility, WordPress accessibility, and the connection between accessibility and SEO. If you need an accessibility audit, PDF remediation, VPAT/ACR, team training, or help making your site or documents accessible, send over the details and I’ll be happy to provide a clear estimate.

UI UX Designer specializing in SaaS dashboards, mobile apps, and landing pages. If your SaaS dashboard confuses users or your landing page gets clicks but no signups, that's the kind of problem I solve every week. 100% Job Success. Every single review is 5 stars. Rising Talent. Google UX Certified. I'm Mehdi. I design Figma files that developers can actually build from. Not pretty pictures that fall apart when engineering opens them. Real, structured UI UX design files with Auto Layout, Variables, and Component Properties that scale. SAAS DASHBOARDS & WEB APPS I've redesigned CRM dashboards, HR management panels, and a full industrial IoT monitoring interface with user flows, wireframes, and high-fidelity screens. I simplify complex layouts so users find what they need in seconds. MOBILE APP DESIGN (iOS & Android) I design natively for both platforms — Apple HIG and Material Design. Dark mode, gestures, responsive scaling. I delivered a full healthcare app prototype in under 3 hours. LANDING PAGES & WEBSITES Visual hierarchy, contrast, and spacing — all working toward one goal: your CTA. Responsive across desktop, tablet, and mobile. CLEAN FIGMA FILES Auto Layout, Variables, Component Properties, and full developer handoff documentation. Your dev team opens the file and starts coding same day. CERTIFICATIONS Google UX Design Professional Certificate (Coursera, 2025) IBM User Experience Design Fundamentals (2025) BA in UX UI Design, CMC Rabat (2022–2025) "He took full responsibility and carried it through to the end." "Very cooperative and understanding to our requirements and has amazing design skills." "Mehdi is very professional. He has done a great job and his communication is excellent. I will hire him again." Send me a message with your brief — I usually respond within a few hours.

𝐇𝐞𝐥𝐥𝐨 𝐄𝐧𝐭𝐫𝐞𝐩𝐫𝐞𝐧𝐞𝐮𝐫𝐬, ɪ'ᴍ ᴀ ᴛᴏᴘ ʀᴀᴛᴇᴅ ᴜɪ/ᴜx ᴅᴇꜱɪɢɴᴇʀ ᴡɪᴛʜ 6+ ʏᴇᴀʀꜱ ᴏꜰ ᴇxᴘᴇʀɪᴇɴᴄᴇ ʜᴇʟᴘɪɴɢ ꜱᴛᴀʀᴛᴜᴘꜱ, ꜱᴀᴀꜱ ᴄᴏᴍᴘᴀɴɪᴇꜱ, ᴀɴᴅ ɢʀᴏᴡɪɴɢ ʙᴜꜱɪɴᴇꜱꜱᴇꜱ ᴛʀᴀɴꜱꜰᴏʀᴍ ᴄᴏᴍᴘʟᴇx ɪᴅᴇᴀꜱ ɪɴᴛᴏ ɪɴᴛᴜɪᴛɪᴠᴇ, ᴄᴏɴᴠᴇʀꜱɪᴏɴ-ꜰᴏᴄᴜꜱᴇᴅ ᴅɪɢɪᴛᴀʟ ᴘʀᴏᴅᴜᴄᴛꜱ. ɪ ꜱᴘᴇᴄɪᴀʟɪꜱᴇ ɪɴ ᴅᴇꜱɪɢɴɪɴɢ ᴍᴏᴅᴇʀɴ ᴡᴇʙ ᴀᴘᴘʟɪᴄᴀᴛɪᴏɴꜱ, ꜱᴀᴀꜱ ᴘʟᴀᴛꜰᴏʀᴍꜱ, ᴅᴀꜱʜʙᴏᴀʀᴅꜱ, ᴍᴏʙɪʟᴇ ᴀᴘᴘꜱ, ᴀɪ ᴘʀᴏᴅᴜᴄᴛꜱ, ᴀɴᴅ ʜɪɢʜ-ᴄᴏɴᴠᴇʀᴛɪɴɢ ʟᴀɴᴅɪɴɢ ᴘᴀɢᴇꜱ ᴛʜᴀᴛ ʙᴀʟᴀɴᴄᴇ ᴇxᴄᴇᴘᴛɪᴏɴᴀʟ ᴜꜱᴇʀ ᴇxᴘᴇʀɪᴇɴᴄᴇ ᴡɪᴛʜ ᴍᴇᴀꜱᴜʀᴀʙʟᴇ ʙᴜꜱɪɴᴇꜱꜱ ᴏᴜᴛᴄᴏᴍᴇꜱ. ᴏᴠᴇʀ ᴛʜᴇ ʏᴇᴀʀꜱ, ɪ'ᴠᴇ ᴄᴏʟʟᴀʙᴏʀᴀᴛᴇᴅ ᴡɪᴛʜ ꜰᴏᴜɴᴅᴇʀꜱ, ᴘʀᴏᴅᴜᴄᴛ ᴛᴇᴀᴍꜱ, ᴀɴᴅ ᴀɢᴇɴᴄɪᴇꜱ ᴡᴏʀʟᴅᴡɪᴅᴇ ᴛᴏ ᴄʀᴇᴀᴛᴇ ꜱᴄᴀʟᴀʙʟᴇ ᴅɪɢɪᴛᴀʟ ᴇxᴘᴇʀɪᴇɴᴄᴇꜱ ᴛʜᴀᴛ ᴜꜱᴇʀꜱ ʟᴏᴠᴇ ᴀɴᴅ ʙᴜꜱɪɴᴇꜱꜱᴇꜱ ᴄᴀɴ ɢʀᴏᴡ ᴡɪᴛʜ ᴄᴏɴꜰɪᴅᴇɴᴄᴇ. 🚀 ᴡʜᴀᴛ ɪ ᴄᴀɴ ʜᴇʟᴘ ʏᴏᴜ ᴡɪᴛʜ • ᴜɪ/ᴜx ᴅᴇꜱɪɢɴ ꜰᴏʀ ᴡᴇʙ & ᴍᴏʙɪʟᴇ ᴀᴘᴘʟɪᴄᴀᴛɪᴏɴꜱ • ꜱᴀᴀꜱ ᴅᴀꜱʜʙᴏᴀʀᴅ & ᴘʟᴀᴛꜰᴏʀᴍ ᴅᴇꜱɪɢɴ • ʟᴀɴᴅɪɴɢ ᴘᴀɢᴇ ᴅᴇꜱɪɢɴ & ᴄᴏɴᴠᴇʀꜱɪᴏɴ ᴏᴘᴛɪᴍɪᴢᴀᴛɪᴏɴ • ᴜx ʀᴇꜱᴇᴀʀᴄʜ & ᴜꜱᴇʀ ꜰʟᴏᴡ ᴅᴇꜱɪɢɴ • ᴡɪʀᴇꜰʀᴀᴍɪɴɢ & ɪɴᴛᴇʀᴀᴄᴛɪᴠᴇ ᴘʀᴏᴛᴏᴛʏᴘɪɴɢ • ᴅᴇꜱɪɢɴ ꜱʏꜱᴛᴇᴍꜱ & ᴄᴏᴍᴘᴏɴᴇɴᴛ ʟɪʙʀᴀʀɪᴇꜱ • ᴘʀᴏᴅᴜᴄᴛ ʀᴇᴅᴇꜱɪɢɴ & ᴜx ɪᴍᴘʀᴏᴠᴇᴍᴇɴᴛꜱ • ᴅᴇᴠᴇʟᴏᴘᴇʀ-ʀᴇᴀᴅʏ ꜰɪɢᴍᴀ ꜰɪʟᴇꜱ & ʜᴀɴᴅᴏꜰꜰ • ʀᴇꜱᴘᴏɴꜱɪᴠᴇ ᴅᴇꜱɪɢɴ ꜰᴏʀ ᴅᴇꜱᴋᴛᴏᴘ, ᴛᴀʙʟᴇᴛ & ᴍᴏʙɪʟᴇ 💡 ɪɴᴅᴜꜱᴛʀɪᴇꜱ ɪ'ᴠᴇ ᴡᴏʀᴋᴇᴅ ᴡɪᴛʜ • ꜱᴀᴀꜱ & ʙ2ʙ ᴘʟᴀᴛꜰᴏʀᴍꜱ • ᴀɪ ᴘʀᴏᴅᴜᴄᴛꜱ & ᴛᴏᴏʟꜱ • ꜰɪɴᴛᴇᴄʜ ᴀᴘᴘʟɪᴄᴀᴛɪᴏɴꜱ • ᴡᴇʙ3 & ʙʟᴏᴄᴋᴄʜᴀɪɴ ᴘʀᴏᴅᴜᴄᴛꜱ • ʜᴇᴀʟᴛʜᴄᴀʀᴇ ᴘʟᴀᴛꜰᴏʀᴍꜱ • ᴇ-ᴄᴏᴍᴍᴇʀᴄᴇ ꜱᴏʟᴜᴛɪᴏɴꜱ • ᴍᴀʀᴋᴇᴛᴘʟᴀᴄᴇ ᴀᴘᴘʟɪᴄᴀᴛɪᴏɴꜱ • ꜱᴛᴀʀᴛᴜᴘ ᴍᴠᴘꜱ 🎯 ᴍʏ ᴅᴇꜱɪɢɴ ᴀᴘᴘʀᴏᴀᴄʜ ɢʀᴇᴀᴛ ᴅᴇꜱɪɢɴ ɪꜱ ᴍᴏʀᴇ ᴛʜᴀɴ ᴠɪꜱᴜᴀʟ ᴀᴘᴘᴇᴀʟ. ɪ ꜰᴏᴄᴜꜱ ᴏɴ ᴄʀᴇᴀᴛɪɴɢ ᴘʀᴏᴅᴜᴄᴛꜱ ᴛʜᴀᴛ ᴀʀᴇ: • ᴇᴀꜱʏ ᴛᴏ ᴜɴᴅᴇʀꜱᴛᴀɴᴅ • ɪɴᴛᴜɪᴛɪᴠᴇ ᴛᴏ ɴᴀᴠɪɢᴀᴛᴇ • ᴏᴘᴛɪᴍɪᴢᴇᴅ ꜰᴏʀ ᴄᴏɴᴠᴇʀꜱɪᴏɴꜱ • ꜱᴄᴀʟᴀʙʟᴇ ꜰᴏʀ ꜰᴜᴛᴜʀᴇ ɢʀᴏᴡᴛʜ • ᴇꜰꜰɪᴄɪᴇɴᴛ ꜰᴏʀ ᴅᴇᴠᴇʟᴏᴘᴍᴇɴᴛ ᴛᴇᴀᴍꜱ ᴇᴠᴇʀʏ ᴅᴇꜱɪɢɴ ᴅᴇᴄɪꜱɪᴏɴ ɪꜱ ɢᴜɪᴅᴇᴅ ʙʏ ᴜꜱᴇʀ ʙᴇʜᴀᴠɪᴏʀ, ʙᴜꜱɪɴᴇꜱꜱ ɢᴏᴀʟꜱ, ᴀɴᴅ ʟᴏɴɢ-ᴛᴇʀᴍ ᴘʀᴏᴅᴜᴄᴛ ꜱᴜᴄᴄᴇꜱꜱ. 🛠 ᴛᴏᴏʟꜱ & ᴇxᴘᴇʀᴛɪꜱᴇ • ꜰɪɢᴍᴀ (ᴀᴜᴛᴏ ʟᴀʏᴏᴜᴛ, ᴠᴀʀɪᴀʙʟᴇꜱ, ᴅᴇꜱɪɢɴ ꜱʏꜱᴛᴇᴍꜱ, ᴅᴇᴠ ᴍᴏᴅᴇ) • ꜰɪɢᴊᴀᴍ • ᴀᴅᴏʙᴇ ᴘʜᴏᴛᴏꜱʜᴏᴘ • ᴀᴅᴏʙᴇ ɪʟʟᴜꜱᴛʀᴀᴛᴏʀ • ᴡᴇʙꜰʟᴏᴡ • ꜰʀᴀᴍᴇʀ • ᴡᴏʀᴅᴘʀᴇꜱꜱ ✅ ᴡʜʏ ᴄʟɪᴇɴᴛꜱ ᴄʜᴏᴏꜱᴇ ᴍᴇ • ᴛᴏᴘ ʀᴀᴛᴇᴅ ᴘʟᴜꜱ ꜰʀᴇᴇʟᴀɴᴄᴇʀ • ꜱᴛʀᴏɴɢ ᴘʀᴏᴅᴜᴄᴛ & ᴜx ᴛʜɪɴᴋɪɴɢ • ᴄʟᴇᴀɴ, ᴍᴏᴅᴇʀɴ, ᴄᴏɴᴠᴇʀꜱɪᴏɴ-ꜰᴏᴄᴜꜱᴇᴅ ᴅᴇꜱɪɢɴꜱ • ᴄʟᴇᴀʀ ᴄᴏᴍᴍᴜɴɪᴄᴀᴛɪᴏɴ & ꜰᴀꜱᴛ ʀᴇꜱᴘᴏɴꜱᴇ ᴛɪᴍᴇꜱ • ᴅᴇᴛᴀɪʟ-ᴏʀɪᴇɴᴛᴇᴅ ᴇxᴇᴄᴜᴛɪᴏɴ • ʀᴇʟɪᴀʙʟᴇ ᴅᴇʟɪᴠᴇʀʏ & ᴘʀᴏꜰᴇꜱꜱɪᴏɴᴀʟ ᴄᴏʟʟᴀʙᴏʀᴀᴛɪᴏɴ ᴡʜᴇᴛʜᴇʀ ʏᴏᴜ'ʀᴇ ʟᴀᴜɴᴄʜɪɴɢ ᴀ ɴᴇᴡ ꜱᴀᴀꜱ ᴘʀᴏᴅᴜᴄᴛ, ʀᴇᴅᴇꜱɪɢɴɪɴɢ ᴀɴ ᴇxɪꜱᴛɪɴɢ ᴘʟᴀᴛꜰᴏʀᴍ, ʙᴜɪʟᴅɪɴɢ ᴀɴ ᴍᴠᴘ, ᴏʀ ɪᴍᴘʀᴏᴠɪɴɢ ᴄᴏɴᴠᴇʀꜱɪᴏɴꜱ ᴏɴ ʏᴏᴜʀ ᴡᴇʙꜱɪᴛᴇ, ɪ ᴄᴀɴ ʜᴇʟᴘ ᴄʀᴇᴀᴛᴇ ᴀ ᴜꜱᴇʀ ᴇxᴘᴇʀɪᴇɴᴄᴇ ᴛʜᴀᴛ ᴅʀɪᴠᴇꜱ ɢʀᴏᴡᴛʜ. ʟᴇᴛ'ꜱ ᴅɪꜱᴄᴜꜱꜱ ʏᴏᴜʀ ᴘʀᴏᴊᴇᴄᴛ ᴀɴᴅ ʙᴜɪʟᴅ ꜱᴏᴍᴇᴛʜɪɴɢ ᴇxᴄᴇᴘᴛɪᴏɴᴀʟ ᴛᴏɢᴇᴛʜᴇʀ. 𝗜 𝗮𝗺 𝗰𝗼𝗻𝗳𝗶𝗱𝗲𝗻𝘁 𝘁𝗼 𝘄𝗼𝗿𝗸 𝘄𝗶𝘁𝗵 𝘆𝗼𝘂! - 𝗔𝗿𝗲 𝘆𝗼𝘂 𝗿𝗲𝗮𝗱𝘆 𝘁𝗼 𝗺𝗮𝗸𝗲 𝘀𝗼𝗺𝗲𝘁𝗵𝗶𝗻𝗴 𝘂𝗻𝗶𝗾𝘂𝗲, 𝘁𝗵𝗮𝘁 𝘄𝗶𝗹𝗹 𝗶𝗻𝘀𝗽𝗶𝗿𝗲 𝘆𝗼𝘂? 𝐁𝐞𝐬𝐭 𝐑𝐞𝐠𝐚𝐫𝐝𝐬 𝐇𝐢𝐫𝐞𝐧 𝐈𝐭𝐚𝐥𝐢𝐲𝐚

Hi. I’m a professional designer with over 5 years of experience in digital and web design, specializing in creating visually compelling and strategically driven designs that elevate brands and drive engagement. My work is centered on blending creativity with functionality to deliver solutions that resonate with your audience and align with your business goals. Here’s what I can do for you: Advertising Materials • Static and animated creatives for Meta (Facebook & Instagram) and LinkedIn • Short-form video ads for paid campaigns • Display ads and creatives for Google Ads • Animated HTML5 banners • Ad variations for A/B testing and multi-format adaptation • AI-assisted image generation and visual asset creation Website & Landing Page Design • UI design for websites and landing pages (from wireframes to high-fidelity mockups) • Website development in Framer • Website redesign and visual optimization Additional deliverables: • Presentations & pitch decks • Infographics and data visuals • Social media visuals, covers, banners I work with marketing teams, founders, and agencies on both project-based and long-term engagements.