Shady·Gamal
متاح لمشاريع جديدة

أبني منتجات ويب
متقنة.

خبرة إنتاجية في تسليم واجهات متجاوبة، وترجمة التصميم إلى كود، وبناء أنظمة واجهات أمامية نظيفة وقابلة للتوسّع باستخدام React وNext.js.

التقنياتReactNext.jsTypeScriptTailwindFramer Motion
app.dashboard.io / overview
Revenue
$48.2k
↑ 12%
Users
3,841
↑ 8.3%
Conv.
4.6%
↑ 0.3%
Revenue trend6 months
Design system v3 · Deployed to production
2m ago
Lighthouse
98 / 100
Build deployed
production · just now

أعمال مختارة

مبنيّة لأعمال حقيقية عبر صناعات متعدّدة

ساهمت في منتجات واجهات أمامية تشمل لوحات التحكّم ومنصّات التجارة وأنظمة العضويات ومواقع النمو، من خلال عمل إنتاجي حقيقي.

  • منصّات الأندية الرياضية
  • لوحات تحكّم إدارية
  • تجارب تجارة إلكترونية
  • صفحات هبوط
استعرض الخبرة

أعمال مختارة

مشاريع أُطلِقت فعلًا.

عرض الكل
مباشر

BR Clubs

منصّة SaaS

منصّة ويب متعدّدة المستأجرين تشغّل المنظومة التشغيلية الكاملة للأندية الرياضية في مصر. بُنيت لخدمة عدّة نسخ أندية بعلامات مختلفة — لكلٍّ منها فرقها وقواعد أعضائها المتمايزة — من قاعدة كود واحدة قابلة للتوسّع. عملت فيها على الهندسة وتصميم المنتج معًا.

Next.jsTypeScriptReactTailwind CSS
مباشر

Moldndie

تطوير متكامل

منصّة رقمية هجينة تجمع التجارة الإلكترونية وبيع الدورات ونشر المحتوى في منظومة منتج واحدة. بُنيت من طرف إلى طرف — من معمارية المعلومات وتصميم التجربة إلى تكامل الخلفية ومعالجة المدفوعات — مع Paymob لإدارة معاملات السوق المصري.

Next.jsTypeScriptTailwind CSSNode.js
مباشر

Flow

منصّة وكالة

استوديو محتوى للتجارة الإلكترونية في مصر، تطوّر من موقع تسويقي إلى منصّة عمليات كاملة متعدّدة المستأجرين. موقع عام يجذب البائعين، ولوحة تحكّم داخلية تدير العمل اليومي للوكالة، وبوّابة عملاء تمنح كل حساب رؤية على عمله الخاص — كل ذلك مدعوم بخطّي أتمتة بالذكاء الاصطناعي يحوّلان جداول بيانات المنتجات وصورها الخام إلى قوائم جاهزة للأسواق.

Next.jsReactTypeScriptTailwind CSS
مباشر

ARC

SaaS بالذكاء الاصطناعي

منصّة تصميم منتجات أصيلة الذكاء الاصطناعي تحلّ محلّ فريق تصميم منتج كامل — تأخذ البحث من مقابلات المستخدمين الخام مرورًا بالتحليل والتوليف، وصولًا إلى مخرَجات تفكير تصميمي منظّمة، وسباقات تصميم من خمسة أيام، وشاشات واجهة جاهزة للتسليم، كل ذلك في مساحة عمل واحدة متّصلة. أسّستها وبنيتها بمفردي: استراتيجية المنتج والهندسة الكاملة وطبقة تنسيق الذكاء الاصطناعي كلّها من عملي.

ViteReactTypeScriptTailwind CSS

فلسفة الهندسة

كيف أتعامل مع كل جزء من عمل الواجهات.

أربع قيم ألتزم بها في كل مشروع — من مكوّن واحد قابل لإعادة الاستخدام إلى منصّة كاملة. ليست قواعد، بل طريقة تفكيري.

01

جودة التصميم تلتقي بانضباط الهندسة

عمل الواجهات المتميّز يقع بين الاثنين. الكود النظيف مهم، وكذلك الوضوح وسهولة الاستخدام والاهتمام بالتفاصيل التي يشعر بها المستخدم فعلًا.

02

ابنِ منتجات يستمتع الناس باستخدامها

لا أطلق شاشات فحسب — بل أسأل ما إذا كانت الواجهة تخدم المستخدم فعلًا. كل قرار يُوزن مقابل التجربة، لا المواصفات وحدها.

03

مكوّنات قابلة للتركيب

أبني بمنطق إعادة الاستخدام من أول التزام — واجهات برمجية واضحة، وتسمية متسقة، وأنماط مشتركة تجعل العمل المستقبلي أسرع.

04

الأداء من البداية

مؤشّرات Core Web Vitals وإتاحة الوصول وأداء الجوال جزء من البناء — لا شيء يُضاف بعد الإطلاق. السرعة جزء من المنتج.

القدرات

التقنيات وراء العمل.

التفصيل الكامل
01

التقنيات الأساسية

التقنيات التي أطلق بها كود الإنتاج يوميًا.

ReactNext.jsTypeScriptTailwind CSSJavaScriptREST APIsResponsive UIHTML5 & CSS3
02

تشمل الخبرة

قدرات بُنيت من إطلاق واجهات حقيقية عبر منتجات SaaS والتجارة الإلكترونية ولوحات التحكّم.

Design SystemsComponent ArchitectureDashboard UXFramer MotionMUI (Material UI)Figma → CodeState Management
03

التعاون

كيف أعمل داخل فرق المنتج — عبر التصميم والخلفية وأصحاب المصلحة.

Designer CollaborationAgile / ScrumBackend IntegrationClient CommunicationCode ReviewsRequirements Alignment

لنبنِ شيئًا

جاهز للارتقاء بمنتجك؟

سواء كنت تبني واجهة منتج، أو تحتاج واجهة أمامية متقنة، أو تبحث عن مطوّر يفهم التصميم — أنا منفتح على أعمال جديدة.