You will get a scalable Figma design system for your digital product
Project details
I will create a scalable and well-structured design system in Figma that helps teams maintain consistency across web and mobile products. With over 8 years of UI/UX experience working on enterprise and digital transformation projects, I design systems that improve collaboration between designers and developers, accelerate product delivery, and ensure a consistent user experience. The final deliverables may include design tokens, typography, color systems, reusable components, variants, documentation, and a shared Figma library tailored to your product needs.
Main Type
Landing Pages, Mobile Apps, Web Apps, Website, OtherFile Format
JPG, PDF, PNG, OtherWhat's included
| Service Tiers |
Starter
$450
|
Standard
$1,200
|
Advanced
$2,200
|
|---|---|---|---|
| Delivery Time | 4 days | 8 days | 14 days |
Number of Revisions | 1 | 2 | 3 |
Source Files | |||
Commercial Use | |||
Convert to HTML/CSS | - | - | |
Responsive Design | - | ||
Interactive Mockup | - | - |
Optional add-ons
You can add these on the next page.
Fast Delivery
+$150 - $450
Additional Revision
+$200About Basel
Senior UI/UX Designer | Design Systems Lead | WCAG Expert
Dubai, United Arab Emirates - 9:41 am local time
I am a structured and analytical UI/UX Designer with over 11 years of experience. I specialize in simplifying complex digital software, building scalable design systems, and ensuring strict WCAG accessibility compliance.
I approach design with a clear, logical mindset. My focus is not just on making screens look clean, but on making them fast, efficient, and easy to build. ⚙️
📊 Real Results From My Work
I use data and user research to improve how software performs. In my past projects, my designs have achieved the following metrics:
⏱️ Faster Workflows: Redesigned complicated multi-step services, cutting the time to complete a task from 10 minutes down to under 2 minutes.
🖱️ Fewer Clicks: Simplified user flows to reduce required actions from 5 clicks down to 2 clicks.
💡 Better Clarity: Improved user clarity by 45% by organizing layouts and navigation cleanly.
👥 Deep Research: Conducted over 100 stakeholder interviews and usability tests to guide design decisions.
🎯 My Three Main Focus Areas
🏛️ 1. Government Services & Digital Transformation
I have over 8 years of experience delivering digital services for UAE government entities . I am an expert at taking massive, complicated systems and turning them into simple, user-friendly digital experiences.
🏗️ 2. Scalable Design Systems in Figma
I build, organize, and manage complete component libraries and design systems. This keeps the user interface perfectly consistent across web and mobile platforms (iOS & Android) and saves your development team weeks of coding time.
🌐 3. WCAG Accessibility & Bilingual Layouts
I design with strict adherence to Web Content Accessibility Guidelines (WCAG) so your product is legally compliant and usable for everyone. Additionally, I am an expert in matching Left-to-Right (English) and Right-to-Left (Arabic) layout structures seamlessly.
💻 Code-Fluent Developer Handoff
I understand front-end technologies like HTML, CSS, and JavaScript/Next.js. Because I know how code works, I design layouts that are technically realistic. This means your developers receive clean, precise Figma files and experience zero confusion during the handoff. 🚀
⏰ My Schedule & Availability
I maintain strict time management to deliver high-quality work. I am available for dedicated project focus every day from 8:00 PM to 11:00 PM UAE time.
This evening window allows me to work without interruptions and aligns perfectly with:
🇺🇸 North American clients: For morning or afternoon alignment syncs.
🇪🇺 European clients: For end-of-day handoffs and status updates.
I use short video recordings and clear Figma notes to update your team automatically, ensuring progress moves forward every single day. 📅
If you need a disciplined, organized designer to simplify your complex platform or build a clean design system, let's connect! 🤝
Steps for completing your project
After purchasing the project, send requirements so Basel can start the project.
Delivery time starts when Basel receives requirements from you.
Basel works on your project following the steps below.
Revisions may occur after the delivery date.
Requirements Review & Audit
Review your existing designs, brand guidelines, and product requirements to define the scope and structure of the design system.
Foundation Setup
Create the design foundations including color styles, typography, spacing, grids, design tokens, and naming conventions.