Figma · Wireframing · Prototyping · Design Systems · User Testing · RTL/Arabic UI · Branding · Interaction Design
React · Next.js · JavaScript (ES6+) · HTML5 · CSS3 · Hooks · Vite · Node.js
MongoDB · SQL
Git · GitHub · Claude Code · Figma MCP · Linux CLI · VS Code
Designed, prototyped, tested and developed a personal portfolio from scratch — the live site itself demonstrates the ability to match high-fidelity Figma design with pixel-perfect implementation.
Built a private analytics dashboard tracking visitor count, CV download rate, time-on-page, and project views — showcasing both frontend architecture and product thinking.
Iterated through multiple design and dev cycles to refine micro-interactions and performance details.
Identified a real user problem: school teachers and kids needed a place to store and share Arduino projects without requiring technical knowledge — GitHub was too complex for this audience.
Designed and developed ArduinoLab — a fully deployed, Arabic-first online library for Arduino projects, built specifically for non-technical users with a zero-learning-curve interface.
Integrated AI-powered project documentation: users enter a short prompt (e.g. 'weather station') and the AI generates a full project guide in 3 languages automatically.
Supports file uploads including PDFs, STL files for 3D printing, and Arduino code libraries — making it a complete resource hub for students and educators
Delivered a full mobile UX/UI design for a healthcare application, adapting the entire experience for Tunisian and North African users through precise localisation.
Built a complete RTL (right-to-left) Arabic layout from scratch alongside a French version — delivered both within one week, demonstrating speed and deep understanding of bilingual design systems.
Sole designer responsible for the entire digital product: landing page, dashboard, quiz pages, mobile-first responsive layouts, business cards, standUp flyers, and social media assets.
Created a complete Figma design system — components, tokens, and developer specs — serving as the full product blueprint across two separate development teams.
Proactively delivered the mobile version (outside original scope) when the new dev team identified it as priority — adapting to project pivots without compromising quality.
Presented brand identity at events including 'Meet-up Pro' and 'AI-Factory Garage' at Innovation City.
Embedded in a full cross-functional team (design, dev, QA, marketing) working on a Shopify SaaS plugin offering AI product recommendations and automated email marketing workflows.
Tackled a critical usability problem: users were abandoning the platform when configuring email templates due to overwhelming, poorly organized settings.
Proposed and implemented a progressive disclosure information architecture — grouping settings by function and hierarchy (e.g. text → font → size together; color → background together).
Result: task success rate for email template configuration increased by 60%, measured through user testing with client testers.
Worked with the Untitled UI component library to ensure design consistency with the existing system.
Algorithm design, software logic, and computational thinking.
Teaching Arduino programming and electronics to school-aged children.
Leading hands-on project workshops and training students in 3D object design and 3D printing.
Native
Professional
Professional
Regularly practicing weightlifting, developing strength and physical endurance, and continuously improving overall health.