اتنقل للمحتوى
/
  • الشغل01
  • عني02
  • كلمني03
نزّل الـCVPDF · صفحتين
  • LinkedIn (بيفتح في تاب جديدة)
  • Behance (بيفتح في تاب جديدة)
  • Dribbble (بيفتح في تاب جديدة)
  • GitHub (بيفتح في تاب جديدة)
  • Instagram (بيفتح في تاب جديدة)

أحمد حسن · بورتفوليو ©2026

English
الشغلعنيكلمني↗
EnglishCV

عندك فكرة منتج؟

يلايلا  نخليهانخليهاحقيقة.حقيقة.

قول أهلاًقولقول  أهلاًأهلاً↗
© 2019–2026 أحمد حسن·ارجع لفوق ↑
حزام أبيضOss.
← كل الشغل

تطبيق موبايل · فنون قتالية · 2025

Anubis

باكدجات الكلاسات والسيشنز والكوتشز والتشيك إن بالـQR لـAnubis Martial Arts في كل فروعها.

العميل
Anubis Martial Arts، مصر
الدور
بحث وتصميم واجهات
نطاق الشغل
تطبيق موبايل
الأدوات
Figma
  • أبحاث المستخدم
  • تصميم الواجهات

نظرة عامة

الأعضاء بيتمرنوا جامد وعايزين يشوفوا ده: حضروا إيه، فاضل إيه في الباكدج، والكلاس الجاي إمتى. Anubis كانت محتاجة أبلكيشن واحد يوريهم ده، ويشيل الشغل الإداري من على الريسبشن.

الشاشة الرئيسية لأبلكيشن Anubis على موبايل

01بحث

البحث

أكاديمية Anubis Martial Arts بتدرّب جوجيتسو برازيلي وسابميشن جرابلنج و MMA ومواي تاي في مصر. الهيد كوتش بتاعها، محمد عمر، واخد الحزام الأسود على إيد بطل العالم Roberto "Cyborg" Abreu، وساعد في بناء مشهد الـBJJ في مصر.

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

أبلكيشنز فيتنس اتعملها بنشمارك
5
مهام اتجمعت في أبلكيشن واحد
4

ست أسابيع، من البحث للتسليم

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

  1. أسبوع 01البحث والبنشمارك
    • بنشمارك المنافسين
    • مقارنة الفيتشرز
    • ملاحظات الفرص
  2. أسبوع 02تعريف الـUX
    • خرايط رحلة العضو
    • فلوز التجربة الأساسية
  3. أسبوع 03الوايرفريمز والهيكل
    • سايت ماب الأبلكيشن
    • وايرفريمز لكل فلو
  4. أسبوع 04الديزاين سيستم
    • الألوان والخطوط والمسافات
    • مكتبة كومبوننتس
  5. أسبوع 05تصميم هاي فيديليتي
    • كل شاشة وكل حالة
    • اللياوتس النهائية
  6. أسبوع 06البروتوتايب والتسليم
    • بروتوتايب تفاعلي
    • ملفات جاهزة للتنفيذ

كل عضو لازم يشوف تقدمه، مش يضطر يسأل عليه.

من الوايرفريم للشكل النهائي

كل فلو اتحسم بالرمادي الأول: اللياوت والترتيب والتنقل، قبل أي لون. اسحب على الموبايل عشان تشوف كل شاشة بقت إيه.

تسجيل الدخول, final design
تسجيل الدخول, wireframe
التحقق, final design
التحقق, wireframe
بياناتك, final design
بياناتك, wireframe
صورتك, final design
صورتك, wireframe
الرئيسية, final design
الرئيسية, wireframe
البروفايل, final design
البروفايل, wireframe
‹›وايرفريمالنهائي

02تصميم

اتصمم على Figma

الأبلكيشن عايش بألوان الأكاديمية: قريب من الأسود، مع أحمر Anubis لكل أكشن، والقطعات العريضة من Helvetica Neue مدّية العناوين وقفة مقاتل. الشاشة الرئيسية بتجاوب على تلات أسئلة العضو من نظرة: فاضل قد إيه في الباكدج، الكلاس الجاي إيه ومع أنهي كوتش، وإيه كمان موجود الأسبوع ده.

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

الأبلكيشن

  • The الأونبوردنج page on a phone

    الأونبوردنج

  • The تسجيل الدخول page on a phone

    تسجيل الدخول

  • The الرئيسية page on a phone

    الرئيسية

  • The السيشنز page on a phone

    السيشنز

  • The الكاليندر page on a phone

    الكاليندر

  • The السيشن page on a phone

    السيشن

  • The الباكدجات page on a phone

    الباكدجات

  • The الباكدج page on a phone

    الباكدج

  • The الكوتش page on a phone

    الكوتش

  • The الإنجازات page on a phone

    الإنجازات

  • The الميرش page on a phone

    الميرش

  • The البروفايل page on a phone

    البروفايل

التسليم

بعد ست أسابيع من أول بنشمارك، الأكاديمية كان معاها بروتوتايب تفاعلي وملفات جاهزة للتنفيذ: كل شاشة وكل حالة، من التسجيل لحد حساب متوقف.

  • 0146شاشة، متصممة من الأول للآخر
  • 026أسابيع، من البحث للتسليم
  • 031مكتبة كومبوننتس
  • 041بروتوتايب تفاعلي

حدود المشروع قرار تصميم كمان. شيل الدفع خلّى أول إصدار أركز وأقوى.

كمّل
استكشف

كل الشغل→
  • FinSync

    لاندينج بيدج · فينتك · 2025

    • أبحاث المستخدم
    • تصميم الواجهات

    الكيس ستادي قريب

  • Beltone Mortgage

    تطبيق موبايل · فينتك · 2024

    • أبحاث المستخدم
    • تصميم الواجهات

    الكيس ستادي قريب

  • SwiftMinis

    تطبيق ويب · Verto Technologies · 2024

    • تصميم الواجهات
    • تطوير الواجهات الأمامية

    الكيس ستادي قريب