Dira AI (Landing Page)
English عربي Friendly reminder : main points are highlighted to improve your convenience and reading experience 🙂 About the project Role : UI/UX Designer Duration : 6 hours softwares : illustrator, photoshop, Figma languages : Arabic, English Abstract What is it Dora AI A robust company is introducing an innovative AI design tool and requires a landing page that seamlessly adapts to desktops, tablets, and mobile devices. UX Overview Target Audience The landing page is designed specifically for designers, making a modern and sleek aesthetic essential to appeal to this creative and tech-savvy audience. Design Style The primary style employed is spatial/glassmorphism design , a trending approach that emphasizes clean lines, ample white space, and a futuristic look, aligning perfectly with current design trends. Feature Focus Emphasizing the tool’s features is crucial, as designers need to quickly understand the capabilities and benefits of the AI design tool to see its value. Call-to-Action Buttons Adding different CTA buttons across sections (in the hero, header, and final CTA section) is essential to guide users towards key actions, ensuring they have multiple opportunities to engage and convert. Project Milesones Wireframing The wireframe for our AI design tool’s landing page features a clear and engaging structure. The hero section grabs attention with a strong value proposition, followed by the partners section to build trust. The features section highlights key capabilities, and the testimonials section showcases user satisfaction. The pricing section provides clear plan options, while the contact us section offers easy access to support. Finally, the CTA section encourages immediate action, ensuring a seamless user experience. High Fidelity Design The high fidelity design leverages a sleek palette of blue and purple, with orange accents to highlight key elements. This color scheme creates a professional, trustworthy, and innovative aesthetic, perfectly suited for our AI design tool’s engaging and intuitive user interface. Animated Flow I created an animated flow in Figma, with each section featuring entry animations, seamlessly combined into a cohesive experience. This enhances user engagement and ensures a smooth, dynamic interaction throughout the landing page. Fonts All fonts sizes and weights used within the Website. Colors Our color scheme features a sophisticated blend of blue, purple, and orange accents to create an engaging and visually appealing user experience. Final Design Final designs for the website. 🙂 ملاحظة هامة: يتم تسليط الضوء علي النقاط الرئيسية لتحسين تجربة القراءة والملاءمة عن المشروع الدور: مصمم تجربة مستخدمالمدة: 6 ساعةالبرامج: اليستراتور، فيجما، فوتوشوباللغات: العربية والإنجليزية نبذة عامة شرح عام للمشروع شركة قوية تقدم أداة تصميم مبتكرة تعمل بالذكاء الاصطناعي وتحتاج إلى صفحة هبوط تتكيف بسلاسة مع أجهزة الحواسيب المكتبية والأجهزة اللوحية والهواتف المحمولة. النقاط الهامة للمشرع الجمهور المستهدف تم تصميم صفحة الهبوط خصيصًا للمصممين، مما يجعل الشكل العصري والأنيق ضروريًا لجذب هذه الفئة المبدعة والمواكبة للتكنولوجيا. أسلوب التصميم النمط الأساسي المستخدم هو تصميم “الزجاجية/الفضائية” (Glassmorphism)، وهو اتجاه حديث يركز على الخطوط النظيفة، والمساحات البيضاء الواسعة، والمظهر المستقبلي، مما يتماشى تمامًا مع اتجاهات التصميم الحالية. التركيز على الميزات تسليط الضوء على ميزات الأداة أمر بالغ الأهمية، حيث يحتاج المصممون إلى فهم سريع لقدرات وفوائد أداة التصميم بالذكاء الاصطناعي لتقدير قيمتها. أزرار الدعوة إلى الإجراء (CTA) إضافة أزرار اكشن متنوعة في الأقسام المختلفة (في قسم البطل، والرأس، وقسم الدعوة الأخير) أمر أساسي لتوجيه المستخدمين نحو اتخاذ إجراءات رئيسية، مما يضمن لهم فرصًا متعددة للتفاعل والتحويل. مراحل المشروع تصميم الإطار الشبكي (Wireframing) يتميز الإطار الشبكي لصفحة الهبوط الخاصة بأداة التصميم بالذكاء الاصطناعي بهيكل واضح وجذاب. يبدأ قسم البطل بجذب الانتباه من خلال طرح قيمة مميزة، يليه قسم الشركاء لتعزيز الثقة. يبرز قسم الميزات القدرات الرئيسية، ويعرض قسم التوصيات رضا المستخدمين. يقدم قسم التسعير خيارات واضحة للخطط، بينما يوفر قسم “تواصل معنا” وصولًا سهلاً للدعم. وأخيرًا، يشجع قسم CTA على اتخاذ إجراءات فورية، مما يضمن تجربة مستخدم سلسة. التصميم عالي الدقة (High Fidelity Design) يستفيد التصميم عالي الدقة من لوحة ألوان أنيقة تشمل الأزرق والبنفسجي، مع لمسات برتقالية لإبراز العناصر الرئيسية. يخلق هذا المزيج مظهرًا احترافيًا وجديرًا بالثقة ومبتكرًا، يتناسب تمامًا مع واجهة المستخدم الجذابة والبديهية لأداة التصميم بالذكاء الاصطناعي. التدفق المتحرك – Animated Flow قمت بإنشاء تدفق متحرك باستخدام Figma، حيث يحتوي كل قسم على رسوم دخول متحركة مدمجة بسلاسة لخلق تجربة متكاملة. يعزز هذا التدفق التفاعلية ويضمن تفاعلاً ديناميكياً وسلساً عبر صفحة الهبوط. الخطوط جميع مقاسات واوزان الخطوط المستخدمة داخل الموقع الألوان تتميز لوحة الألوان بمزيج متقن من الأزرق والبنفسجي مع لمسات برتقالية، مما يخلق تجربة مستخدم جذابة ومبهجة بصرياً. التصميم النهائى التصاميم النهائية للموقع
Thalili (Grad project)
English عربي Friendly reminder : main points are highlighted to improve your convenience and reading experience 🙂 About the project Role : UI/UX Designer Duration : 62 hours softwares : illustrator, photoshop, adobe xd, balsamiq languages : Arabic, English Abstract What is it Thalili Thalili is a cutting-edge medical analysis platform designed to assist patients in finding laboratories that offer specific medical analyses at competitive prices, convenient locations, and with uncompromised quality.Originally developed as a graduation project for the “Faculty of Computer and Information” Thalili has evolved into a comprehensive online solution accessible on all internet-connected devices. The platform features essential functions such as search, account creation, search filtering, rating and review submission, and the ability to order an agent for sample collection, effectively addressing common challenges in traditional labs. In addition to user-centric features, Thalili incorporates an administrative website, enabling efficient system management, order monitoring, and lab rating oversight. Thalili is a testament to our commitment to developing a user-friendly, efficient, and technologically advanced solution for the medical analysis domain. How it Works ? Thalili is a standalone system that involves three key actors: Admin, Lab Owner, and User. User Responsibilities: Selecting analyses from specific labs and placing orders. Ordering agents for sample collection. Lab Owner Responsibilities: Modifying their own analysis. Viewing all requests made to their lab. Dispatching an agent/nurse for each order to collect samples. Admin (Thalili Team) Responsibilities: Overseeing and managing labs. Monitoring all orders. Viewing comprehensive information on users and labs. Projects Keys Search and Filter: The platform provides a robust search functionality, allowing users to search for specific labs or analyses with ease. Advanced filtering options enable users to refine their search based on specific criteria, enhancing the precision of results. Order an Agent: Users have the option to effortlessly order a dedicated agent or nurse for the collection of samples required for the analysis. Unified Results: All analysis results are conveniently consolidated in the user’s account, providing a centralized and easily accessible repository for comprehensive information. How we import those ? Search and Filter: The platform excels in offering a robust search functionality, empowering users to effortlessly seek specific labs or analyses with utmost ease. Furthermore, the incorporation of advanced filtering options elevates the search experience, allowing users to meticulously refine their queries based on specific criteria. This sophisticated feature significantly contributes to enhancing the precision of results, ensuring users can efficiently pinpoint the exact information they seek. The platform’s commitment to user-friendly and precise search capabilities exemplifies its dedication to providing a professional and effective service for medical analysis needs. Order an Agent The user/patient possesses the capability to order an agent from any chosen lab for the convenient collection of essential samples, including blood, from the comfort of their home. Following sample collection, the selected lab will diligently process the analyses and transmit the results securely through the user’s designated account on the website. This streamlined process ensures both accessibility and efficiency in managing healthcare information. Unified Results: All analysis results are conveniently consolidated in the user’s account, establishing a centralized and easily accessible repository for comprehensive information. This approach ensures efficient organization and retrieval of critical medical data, emphasizing the platform’s commitment to professionalism and user-centric accessibility. Fonts All fonts sizes and weights used within the Website. Colors All colors used in the website. High fidelity designs Final designs for the website. 🙂 ملاحظة هامة: يتم تسليط الضوء علي النقاط الرئيسية لتحسين تجربة القراءة والملاءمة عن المشروع الدور: مصمم تجربة مستخدمالمدة: 62 ساعةالبرامج: اليستراتور ، اكس دي ، بلساميك، فوتوشوباللغات: العربية والإنجليزية نبذة عامة شرح عام للمشروع تحاليلي هو منصة تحليل طبيّة متطورة مصممة لمساعدة المرضى في العثور على مختبرات تقدم تحاليل طبية محددة بأسعار تنافسية، في مواقع ملائمة، وبجودة لا تتنازل. تم تطويرها أصلاً كمشروع تخرج لكلية كلية الحاسبات والمعلومات، حولت تحاليلي إلى حلاً شاملًا عبر الإنترنت يمكن الوصول إليه على جميع الأجهزة المتصلة بالإنترنت. تتضمن المنصة وظائف أساسية مثل البحث وإنشاء الحساب وتصفية البحث وتقديم التقييمات والمراجعات، والقدرة على طلب وكيل لجمع العينات، مما يعالج بفعالية التحديات الشائعة في المختبرات التقليدية. بالإضافة إلى الميزات الموجهة للمستخدم، يتضمن تحاليلي موقع إداري يمكن من إدارة النظام بكفاءة، ومراقبة الطلبات، ورصد تقييمات المختبر. تعتبر تحاليلي علامة على التزامنا بتطوير حلاً فعّالاً ومتقدمًا تكنولوجيًا في مجال تحليلات الطب. كيف تعمل الفكرة ؟ تحاليلي هو نظام مستقل يشمل ثلاثة أدوار رئيسية: المسؤول، مالك المختبر، والمستخدم مسؤوليات المستخدماختيار التحاليل من مختبرات محددة وتقديم الطلباتطلب وكلاء لجمع العينات مسؤوليات مالك المختبر:تعديل تحاليله الخاصةعرض جميع الطلبات المقدمة إلى مختبرهإرسال وكيل/ممرض لكل طلب لجمع العينات مسؤوليات المسؤول (فريق تحاليلي):الإشراف وإدارة المختبراتمراقبة جميع الطلباتعرض معلومات شاملة حول المستخدمين والمختبرات التحديات البحث والتصفيةتقدم المنصة وظيفة بحث قوية، مما يتيح للمستخدمين البحث عن مختبرات محددة أو تحاليل بسهولة.توفير خيارات تصفية متقدمة يمكن للمستخدمين تحسين بحثهم استنادًا إلى معايير محددة، مما يعزز دقة النتائج. طلب وكيليتيح للمستخدمين بسهولة طلب وكيل أو ممرض مخصص لجمع العينات المطلوبة للتحليل. نتائج موحدةتجمع جميع نتائج التحاليل بشكل مريح في حساب المستخدم، مما يوفر مستودعًا مركزيًا وسهل الوصول للمعلومات الشاملة. الحلول البحث والتصفية المتقدمة تتفوق المنصة في تقديم وظيفة بحث قوية، مما يمكن المستخدمين من البحث بسهولة عن مختبرات محددة أو تحاليل بكل يسر. وعلاوة على ذلك، يرتقي تضمين خيارات تصفية متقدمة بتجربة البحث، مما يسمح للمستخدمين بتحسين استفساراتهم بعناية استنادًا إلى معايير محددة. تساهم هذه الميزة المتطورة بشكل كبير في تعزيز دقة النتائج، مضمونة تأكيداً على قدرة المستخدمين على تحديد المعلومات بفعالية. التفاني الذي تظهره المنصة في توفير إمكانيات بحث دقيقة وسهلة الاستخدام يعكس التزامها بتقديم خدمة احترافية وفعّالة لاحتياجات تحاليل الطب طلب مندوب يتمتع المستخدم/المريض بإمكانية طلب مندوب من أي مختبر اختاره لجمع العينات الأساسية، بما في ذلك الدم، من راحة منزلهم بعد جمع العينات، سيقوم المختبر المحدد بمعالجة التحاليل بعناية وإرسال النتائج بشكل آمن من خلال حساب المستخدم المخصص على الموقع. يضمن هذا العملية الميسرة الوصول السهل والكفاءة في إدارة معلومات الرعاية الصحية نتائج منظمة يتم تجميع جميع نتائج التحاليل بشكل مريح في حساب المستخدم، مما ينشئ مستودعًا مركزيًا وسهل الوصول للمعلومات الشاملة تضمن هذه الطريقة تنظيمًا فعّالًا واسترجاعًا سهلًا للبيانات الطبية الحيوية، مؤكدة التزام المنصة بالاحترافية وسهولة الوصول الموجهة للمستخدم الخطوط جميع