سبع نقاط تجاوب، سلّة واحدة، وعميل يرى ما يشتريه.

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

وكان الحفاظ على تكافؤ الميزات أصعب من إعادة التصميم. فمُنتقي الخدمات المنبثق القديم كان يحمل تبعيات معقّدة حول تغيير الفرع وبيانات الخدمات المخزّنة، وإعادة إنتاج ذلك السلوك في واجهة بطاقات مدمجة استلزمت رفع الحالة المشتركة إلى المكوّن الأب، وقيادتها عبر BehaviorSubjects في RxJS، ومسح الخدمات المخزّنة عند كل تغيير للفرع. والنتيجة شيفرة أقل مما استبدلته.

وصار المسار صريحاً — الفرع، ثم الخدمات، ثم التاريخ والوقت، ثم التأكيد، ثم صفحة التأكيد — مع شريط طلب دائم يحمل عدد العناصر والإجمالي الجاري في كل خطوة. وحلّت سبع نقاط تجاوب من 325 إلى 1440 بكسل محلّ نقطتين، وحلّت مُحمِّلات هيكلية متلألئة محلّ الشاشة الفارغة أثناء جلب البيانات.