RSGT
A comprehensive redesign of the RSGT digital platform, transforming their online presence with modern design principles, improved user experience, and robust functionality to better serve their stakeholders.
RSGT operated multiple disconnected digital platforms serving different stakeholder groups: port operators, shipping lines, logistics partners, and government regulators. Each system had its own login, interface, and data silo. Users struggled to find information, support costs were ballooning, and the overall brand impression was fragmented and outdated. RSGT needed a single, unified platform that could serve all stakeholders while reflecting their position as a leading port operator.
Five separate systems with different interfaces, creating confusion and duplication for users with cross-functional roles
Legacy codebase (10+ years old) with critical security vulnerabilities and no upgrade path
Poor accessibility preventing compliance with government procurement requirements
Mobile-unresponsive interfaces forcing field staff to use paper-based workarounds
كانت آر إس جي تي تدير منصات رقمية منفصلة متعددة تخدم مجموعات مختلفة من أصحاب المصلحة: مشغلي الموانئ وخطوط الملاحة وشركات الخدمات اللوجستية والجهات التنظيمية الحكومية. كل نظام له واجهة وتسجيل دخول وصامع بيانات خاص به. احتاجت آر إس جي تي إلى منصة موحدة واحدة.
خمسة أنظمة منفصلة بواجهات مختلفة تُسبب الارتباك والتكرار للمستخدمين
قاعدة ترميز قديمة (أكثر من 10 سنوات) مع ثغرات أمنية حرجة ولا توجد مسار ترقية
إمكانية وصول ضعيفة تمنع الامتثال لمتطلبات المشتريات الحكومية
واجهات غير متجاوبة مع الجوال تجبر الموظفين الميدانيين على استخدام حلول ورقية
The RSGT platform needed to serve port managers on desktop dashboards, field operators on tablets, and executives on mobile devices — all from the same codebase. We designed a responsive, role-aware interface that adapts to each user's context and permissions.
Conducted journey mapping workshops with 30+ stakeholders across 5 user groups to identify shared and unique needs
Designed a unified navigation system with role-based menu filtering showing only relevant tools and data
Built responsive dashboards with data density scaling: dense tables for desktop, card views for tablet, KPI summaries for mobile
Implemented WCAG 2.1 AA accessibility standards with keyboard navigation, screen reader support, and color-blind safe palettes
Created a contextual help system with role-specific guidance and one-click support escalation
احتاجت منصة آر إس جي تي إلى خدمة مديري الموانئ على لوحات المعلومات المكتبية، والمشغلين الميدانيين على الأجهزة اللوحية، والتنفيذيين على الهواتف المحمولة — كل ذلك من نفس قاعدة التعليمات البرمجية. صممنا واجهة تفاعلية متجاوبة تتكيف مع سياق وصلاحيات كل مستخدم.
إجراء ورش عمل لرسم رحلات المستخدمين مع 30+ من أصحاب المصلحة عبر 5 مجموعات
تصميم نظام تنقل موحد مع تصفية قائمة قائمة على الأدوار تعرض الأدوات والبيانات ذات الصلة فقط
بناء لوحات معلومات متجاوبة مع تدرج كثافة البيانات: جداول مفصلة للمكتب، بطاقات للأجهزة اللوحية، ملخصات KPI للجوال
تطبيق معايير إمكانية الوصول WCAG 2.1 AA مع تنقل لوحة المفاتيح ودعم قارئ الشاشة ولوحات ألوان آمنة لعمى الألوان
إنشاء نظام مساعدة سياقي مع إرشادات خاصة بالأدوار وتصعيد الدعم بنقرة واحدة
Port operations involve complex terminology, regulatory requirements, and real-time coordination. We developed a content strategy that makes critical information immediately understandable, regardless of the user's technical background or native language.
Simplified technical terminology across all interfaces with contextual glossary tooltips
Created multilingual content (English, Arabic, Hindi) with professional translation and cultural review
Developed video explainers for complex workflows: vessel scheduling, cargo tracking, and customs integration
Built a notification system with priority-based formatting ensuring urgent alerts cannot be missed
Produced printable quick-reference guides and field operation checklists for offline use
تتضمن عمليات الموانئ مصطلحات معقدة ومتطلبات تنظيمية وتنسيق في الوقت الفعلي. طوّرنا استراتيجية محتوى تجعل المعلومات الحرجة مفهومة فوراً بغض النظر عن خلفية المستخدم التقنية أو لغته.
تبسيط المصطلحات التقنية عبر جميع الواجهات مع تلميحات مسرد سياقية
إنشاء محتوى متعدد اللغات (الإنجليزية، العربية، الهندية) مع ترجمة احترافية ومراجعة ثقافية
تطوير مقاطع فيديو توضيحية لسير عمل معقدة: جدولة السفن وتتبع الشحنات والتكامل الجمركي
بناء نظام إشعارات بتنسيق قائم على الأولوية يضمن عدم إمكانية تفويت التنبيهات العاجلة
إنتاج أدلة مرجعية قابلة للطباعة وقوائم مراجعة عمليات ميدانية للاستخدام دون اتصال
Port operations run 24/7 and cannot tolerate downtime. We designed an architecture that is resilient, scalable, and maintainable — replacing a decade of technical debt with a foundation built for the next decade.
Laravel 11 backend with domain-driven design and modular service architecture for maintainability
Vue.js 3 frontend with Composition API, Pinia state management, and dynamic component loading
Microservices architecture with Docker containers orchestrated via Kubernetes for auto-scaling and fault tolerance
Real-time data pipeline using Apache Kafka for vessel tracking, cargo status, and berth allocation updates
Integration with SAP ERP, customs systems, and vessel tracking APIs through a unified API gateway
تعمل عمليات الموانئ على مدار الساعة ولا تتحمل انقطاعاً. صممنا بنية مرنة وقابلة للتوسع وقابلة للصيانة — لتحل محل عقد من الديون التقنية بأساس مبني للعقد القادم.
Laravel 11 backend مع تصميم قائم على المجال وبنية خدمات معيارية لقابلية الصيانة
واجهة Vue.js 3 مع Composition API وإدارة حالة Pinia وتحميل مكونات ديناميكي
بنية microservices مع حاويات Docker مدارة عبر Kubernetes للتوسع التلقائي وتحمل الأخطاء
خط بيانات في الوقت الفعلي باستخدام Apache Kafka لتتبع السفن وحالة الشحنات وتخصيص الأرصفة
تكامل مع SAP ERP وأنظمة الجمارك وواجهات تتبع السفن عبر بوابة API موحدة
As a port operator, RSGT is part of a nation's critical infrastructure. Their platform is a high-value target for cyberattacks, and security failures could have real-world economic and safety consequences.
Multi-factor authentication (MFA) required for all users with hardware token support for privileged accounts
Role-based access control (RBAC) with fine-grained permissions down to individual data fields and actions
Web Application Firewall with custom rulesets for OT/IT integration points and API abuse prevention
Quarterly penetration testing, continuous vulnerability scanning, and 24/7 Security Operations Center (SOC) monitoring
ISO 27001-aligned information security management system with documented incident response procedures
باعتبارها مشغل ميناء، تعتبر آر إس جي تي جزءاً من البنية التحتية الحرجة للدولة. منصتها هي هدف عالي القيمة للهجمات السيبرانية، ويمكن أن يكون للفشل الأمني عواقب اقتصادية وأمنية حقيقية.
مصادقة متعددة العوامل (MFA) مطلوبة لجميع المستخدمين مع دعم رمز أجهزة للحسابات المتميزة
تحكم وصول قائم على الأدوار (RBAC) مع أذونات دقيقة وصولاً إلى حقول البيانات والإجراءات الفردية
جدار حماية تطبيقات الويب مع قواعد مخصصة لنقاط تكامل OT/IT ومنع إساءة استخدام API
اختبار اختراق ربع سنوي وفحص ثغرات مستمر ومراقبة مركز عمليات أمن 24/7
نظام إدارة أمن المعلومات بمحاذاة ISO 27001 مع إجراءات استجابة للحوادث موثقة
The new RSGT platform did not just modernize their technology — it transformed how they operate. Stakeholders now have a single source of truth, field staff work digitally, and leadership has real-time visibility into port performance.
لم تقم منصة آر إس جي تي الجديدة بتحديث تقنيتها فحسب — بل حولت طريقة عملهم. يملك أصحاب المصلحة الآن مصدراً واحداً للحقيقة، ويعمل الموظفون الميدانيون رقمياً، ولدى القيادة رؤية فورية لأداء الميناء.
Complete digital transformation with improved stakeholder engagement
More From Our Portfolio
Let's Build What's Next.
You bring the business challenge. We'll help turn it into the right digital system.