Post by Ahmed Akram
UI/UX Designer & Frontend contributor @ Arcsen | IBM Certified | Frontend developer (React & Next) | ITI 9-months graduate
من كام شهر كنت قاعد مع مراتي وهي بتـ manage الـ online clothing business بتاعها. كل يوم كنت بشوف نفس الـ workflow... Client يبعتلها Order على Facebook أو WhatsApp، وهي تاخد Screenshot لل chat، وبعدها تبعته لنفسها في WhatsApp chat مسمياه باسم المصنع اللي هيصنع المنتج. وكل مصنع ليه Chat لوحده. تفضل طول اليوم تجمع الـ Screenshots، ولما العدد يكمل تبعتها للمصنع. بعدها تبدأ مرحلة تانية... مين وصل من المصنع؟ مين لسه؟ مين اتحضر؟ مين طلع مع المندوب؟ ولو العميل مستلمش... نعمل إيه بالأوردر؟ كل ده كان بيتدار يدوي، بين WhatsApp، النوتس، والmemory. في الأول كنت فاكر إن الحل هيكون Dashboard نسجل فيه الـ Orders وخلاص. لكن بعد ما عشت الـ Workflow معاها يوم بعد يوم، اكتشفت إن المشكلة أكبر من مجرد تسجيل أوردرات. المشكلة إن مفيش System بيربط كل المراحل ببعض. كل خطوة معتمدة إن حد يفتكر يعمل الخطوة اللي بعدها. من هنا بدأت فكرة SHE WAWA Dashboard. بدأت الأول أصمم الـ UI/UX وأرسم الـ workflow علشان أتأكد إن UX Journey منطقية وسلسة، وبعدها بدأت مرحلة الـ Development. مكنتش ببني Portfolio Project أو Clone... كنت ببني System يحل مشكلة حقيقية في Business حقيقي. خلال development المشروع استخدمت: Next.js React TypeScript Supabase PostgreSQL TanStack Query وحولته ل Progressive Web App (PWA) علشان يشتغل كapp على الموبايل، لأن أغلب الشغل بيتم من هناك. ومع الوقت الproject بقى أكتر من مجرد Dashboard... بقيت أضيف Features تساعد الuser ياخد الstep الصح من غير ما يفكر كتير، زي: ✅ Workflow Recommendations ✅ Smart Redirects مع Pre-selected Actions ✅ Stepper يوضح رحلة الـ Order بالكامل ✅ Advanced Filters للـ Orders، Factory Orders والـ Deliveries ✅ Money Dashboard لمتابعة الفلوس المدفوعة للمصانع، المتوقع تحصيله، واللي تم تحصيله . بعد فتره من ال development ، مبسوط إني أشارك أول version من الproject، واللي هيبدأ يُستخدم في إدارة الشغل بشكل فعلي. وده بالنسبة لي أحسن Test لأي Software. 🎨 UI/UX Case Study (Behance) 🔗 https://lnkd.in/eE2Xvqms 🚀 Explore Demo 🌐 Live Demo 🔗 https://lnkd.in/euRUt6JH 💻 GitHub 🔗 https://lnkd.in/eYN_DAjc عملت Demo Workspace علشان أي حد يقدر يجرب الsystem بنفسه، من غير أي تأثير على data البيزنس الحقيقي. تقدر تعمل Test للـ Workflow كامل براحتك، وتشوف الsystem وهو بيinteract مع كل الstages من أول creating order لحد ما يكون deliveried. #NextJS #React #TypeScript #Supabase #PostgreSQL #PWA #Frontend #WebDevelopment #ProductDesign #UIUX
