مرحبا بالجميع! أنا فيتالي مازوريفيتش ، رئيس قسم الخدمات المصرفية الرقمية لعملاء التجزئة في روسبانك. لقد بدأنا نشاطًا تجاريًا كبيرًا وجديدًا - مدونة للشركات ، لذلك قررنا فتحه بمقال حول شيء كبير وجديد - عن الموقع.
تحديث موقع شركة كبيرة ليس بالأمر السهل والسريع. لكن مهم جدا. ذهبنا مؤخرا بهذه الطريقة. ولم يمر فقط ، ولكن أيضا تلقى نتائج جيدة للغاية. سوف أخبرك اليوم كيف فعلنا ذلك والمشاكل التي واجهناها.
نشأ مشروع إطلاق موقع بنك جديد في عام 2017. كانت النقطة الرئيسية هي وضع الموقع على القضبان الرقمية كجزء من المشروع حول الرقمنة العامة للبنك. وبما أن الموقع أصبح نقطة دخول في مسار جذب العملاء ، فقد كان من الضروري جعله "ودودًا للغاية" فيما يتعلق بتجربة المستخدم.
اعتاد الموقع أن يكون بطاقة أعمال وليس أداة بيع. قررنا أن نجعل نسخته الجديدة أكثر حداثة ، وطبقنا التقنيات الأكثر تطوراً من وجهة نظر الواجهة الأمامية (ReactJS). في الخلف ، كل شيء قياسي أو أكثر: YII 2.
نهجنا - المحمول أولا
استمر المشروع لفترة طويلة. لم نكن نحتاج فقط إلى عمل نسخة متماثلة كاملة من الموقع الحالي ، ولكن أيضًا لإعادة تصميمها حتى تكون البوابة حديثة وسريعة ومبيعًا. لقد أخذنا في الاعتبار حقيقة أن سلوك الأشخاص على الشبكة يتغير تمامًا الآن ، وليس أقلها أن هذا يرجع إلى زيادة حصة حركة مرور الهاتف المحمول. في وقت إطلاق الموقع ، كان 48 ٪ ، وبعد ستة أشهر حرفيا نما إلى 52 ٪ ويستمر في النمو. هذا يشير إلى أن تجربة المستخدم تتغير. أولاً ، هذه متطلبات أخرى للواجهة - يجب أن تكون ملائمة على شاشة الهاتف المحمول. ثانياً ، متطلبات النصوص تتغير: يجب أن تكون موجزة وبسيطة ومفهومة. وبشكل عام ، إذا كنت في المنزل ، تستخدم جهاز كمبيوتر متصل بالإنترنت ، فهذا شيء واحد ، ولكن إذا كنت مسافرًا عبر المترو ، فهم يدفعون إليك ، لكنك تحاول باستمرار إرسال طلب قرض - إنها تجربة مستخدم مختلفة تمامًا. لهذا السبب تم اختيار النهج الأول للهاتف المحمول. الجميع تقريبا يعلن استخدامه على نطاق واسع ، لكنه حتى الآن في معظم الحالات لا يتجاوز الحديث. وقد وضعنا هذا النهج في المقدمة: بدءًا من النماذج الأولية التي رسمناها فقط بإذن من الهواتف المحمولة ، وننتهي باختيار التقنيات والهندسة المعمارية على الظهر حتى يكون الموقع سريعًا. أصبحت السرعة بالنسبة لنا المقياس التكنولوجي الرئيسي ، الذي أصبح الآن مقياس أعمال. حاولنا تسريع أي عملية و "تسهيل" الموقع قدر الإمكان. أنا شخصياً لدي فهم وثيق للتصميم: التصميم الجيد ليس تصميمًا لا يوجد شيء إضافي لإضافته ، ولكن تصميمًا لا يوجد شيء آخر يجب إزالته. نظرت إلى كل عنصر وسألت نفسي السؤال: إذا أزلناه ، فهل سينهار كل شيء؟ وإذا أجاب بالنفي - أزلنا هذا العنصر.
اختيار التصميم
جاءت اللحظة التي بدأ فيها تحويل Rosbank بالكامل ، وكان الموقع بحاجة إلى التأكيد على أننا كنا "متقدمين على البقية". لقد فهمنا أنه لا ينبغي أن يتوافق مع الاتجاهات فحسب ، بل يجب أن يكون متقدمًا عليها. إذا صرحت أنك باردة وممتازة ، وكنت متماشياً مع أي شخص آخر ، فإن السؤال الذي يطرح نفسه هو: لماذا دخلت فيه متأخراً؟
Rosbank هو بنك عالمي يجمع بين العديد من الأقسام والخدمات لفئات مختلفة من العملاء ، وجميع المعلومات المتوفرة حوله في موقع واحد. لا يعد تصميم الموقع الجديد مناسبًا للعملاء فحسب ، ولكنه مرن أيضًا للبنك نفسه: عندما تظهر منتجات جديدة ، باستخدام المصمم ، يمكنك بسرعة إنشاء صفحة سريعة الاستجابة ، والتي يمكن عرضها بسرعة على الموقع.
بالإضافة إلى القيمة الجمالية والملاحية ، أضفنا مهووسين ، ونركز على الطباعة ، مما يجعل من الممكن تبرز بين المنافسين. تحلق البطاقات المصرفية هو صنم بلدي قليلا الشخصية.
طرح موقع جديد
تمت العملية على مرحلتين: أولاً ، وضعنا موقعًا جديدًا عبر رابط منفصل ، وكان متاحًا بالتوازي مع الموقع القديم. لقد قدمنا للمستخدمين رابطًا جديدًا بشكل انتقائي ، ثم أرسلنا دعوة على الموقع: "إذا كنت تريد تجربة موقع جديد ، فابدأ". نظرنا طوال هذا الوقت في أداء الموقع الجديد: هل هناك مشاكل في قابلية الاستخدام ، فهل هذا هو الحمل. وعندما أدركوا أن كل شيء على ما يرام (حدث هذا في 5 يونيو) ، قاموا بطرح موقع ويب جديد على جميع العملاء على اسم نطاق البنك.
عملاء البنك الجدد والقدامى
عليك أن تفهم أن الجمهور الرئيسي للمواقع المصرفية هو عملاء جدد ، حوالي 75 ٪ منهم. بالنسبة للعملاء الأكبر سناً ، فإن الطريق الرئيسي هو الذهاب إلى بنك الإنترنت (يتم استخدام الموقع كنقطة دخول) أو إلقاء نظرة على الفروع وأجهزة الصراف الآلي. بالنسبة لهم ، فإن قصة المنتج ليست مهمة ، فنادراً ما يستخدمون الموقع لمشاهدة الخرائط والودائع ، كل هذه المعلومات موجودة في تطبيق الهاتف المحمول وبنك الإنترنت.
العملاء الجدد يحلون المشكلات الأخرى: فهم نوع المنتج بسرعة ، سواء كانت مثيرة للاهتمام بالنسبة لهم. وإذا كانت مهتمة ، رتب.
يجب أن يكون الموقع مناسبًا قدر الإمكان لكليهما.
الآن السيناريو الرئيسي لتلقي المنتجات المصرفية من خلال الموقع هو تطبيق رد الاتصال. في السابق ، كان النموذج يتكون من أربعة حقول - الاسم ورقم الهاتف والمنطقة ووقت الاتصال. هذا كثير لقد قمنا بخفض رقم الهاتف إلى واحد: يتم سحب المنطقة من خلال عنوان IP ، ويمكن العثور على الاسم بالسؤال الأول ، وفي حقل "وقت الاتصال" وفقًا للإحصاءات ، يشير أكثر من 95٪ من العملاء إلى "في أقرب وقت ممكن". نتيجة لذلك ، تلقينا زيادة في كل من الطلبات وجذب العملاء.
فريق خاص أو الاستعانة بمصادر خارجية؟
في وقت بدء المشروع ، لم يكن لدينا من الناحية العملية أي كفاءات في التصميم والتطوير. استخدمنا خدمات العديد من المقاولين ، أو بشكل أكثر دقة ، أربعة: واحد منهمك في جمع المتطلبات وإنشاء مفهوم أعلى مستوى ، والثاني في التصميم ، واثنان آخران في التطوير.
في الوقت نفسه ، كان هناك داخل البنك فريق مشروع لإطلاق الموقع ، بالإضافة إلى فريق دعم الموقع الحالي ، الذي لم يشارك في واحدة جديدة ، لكنه واصل دعم البوابة الحالية في ذلك الوقت.
بعد الإطلاق ، قررنا تجميع فريقنا وتطوير الكفاءات الداخلية. تم تخصيص خمسة رهانات لهذا: اثنين من الخلف ، جبهتين ، مصمم واحد. الآن نحن تجنيدهم بنشاط للدولة.
العثور على المطور المثالي
عند البحث عن مطورين ، نؤكد أن الناس يفهمون أنهم سيصلون إلى رمز شخص آخر. ينبغي أن يكون لديهم العزم والشجاعة لإعادة كتابة كل شيء ، وليس فقط القول بأن كل شيء سيء. في حياتي لم أقابل مطلقًا مطورًا واحدًا سيأتي إلى رمز شخص آخر ويقول: "لعنة ، كم هو رائع ، ما كنت لأكتبه بشكل أفضل!" بالتأكيد ستكون المطالبات ، وهذا أمر طبيعي.
أشاهد دائمًا مدى استعداد الشخص للتطور ، وتعلم شيء جديد ، وقراءة الأدب. أسأل عن الكتب التي قرأها ، وعن المؤتمرات التي حضرها. في المجال الرقمي ، تتغير الأمور بسرعة كبيرة. من المهم أن يفهم الشخص التقنيات الحالية ، ويعرف ما هي الحلول المثيرة للاهتمام في السوق.
لدينا عمل مسؤول للغاية: حوالي 200 عميل محلي و 10 أشخاص فقط ، مع مراعاة الأسعار المفتوحة. لذلك ، من المهم بالنسبة لي وجود عقول مستفسرة في فريقي. أعطيهم الحرية في اختيار التكنولوجيا ، والنتيجة مهمة بالنسبة لي.
سألت أيضًا جميع المطورين عن ماهية UX ، وما رأيهم ، هل يتعلق هذا الموضوع بالمطورين؟ أنا مؤيد قوي لحقيقة أن هذا ليس مجرد اختصاص منفصل داخل فريق مملوك لأحدهم ، لكن البقية رأيت للتو الرمز ورسم الصور. بعد كل شيء ، UX ليس فقط مقدار التقاط الصور ، ولكن أيضًا سرعة عمل الموقع ، وكيفية معالجة الأخطاء على الموقع ، ومدى إنجاز الرسوم المتحركة. على سبيل المثال ، إذا قمت بإجراء مقارنة مع سيارة: ليس فقط لوحة القيادة والعجلات مهمة ، فكل الخصائص مهمة. يحدث أنك أحببت السيارة في كل شيء ، لكنك لم تعجبك ، على سبيل المثال ، الرائحة في المقصورة. وهذا كل شيء: تجربة المستخدم مدللة. من المهم جدًا بالنسبة لي أن يفهم جميع أعضاء الفريق ، وخاصة المطورين (بعد كل شيء ، كانوا دائمًا على الهامش من قبل) ، أنهم يؤثرون في النتيجة النهائية على الأقل من المصممين. اتضح أن المطور مسؤول عن UX ، وبالتالي عن أداء الأعمال. أن مقاييسه يمكن أن تكون مقاييس أعمال ، وليس فقط سرعة المهام.
إنشاء فريق
بالنسبة لي ، لأكون صادقًا ، فإن حقيقة أن سوق محترفي تكنولوجيا المعلومات أصبح محمومًا بشكل كبير كان بمثابة كشف غير متوقع. المطور ذو الخبرة هو ثلاث سنوات من الخبرة. في كثير من الأحيان ، يأتي الأشخاص ذوو الخبرة في السنة لإجراء مقابلات ويطلبون مثل هذه الظروف التي نحن على استعداد لتقديم المتخصصين ذوي الخبرة. أنا متأكد من أن الطموح كبير ، لا يمكنك أن تذهب بعيداً بدونها ، لكن من المهم أن تقيم بشكل موضوعي قدراتك وكفاءاتك. لذلك ، عند تشكيل الفريق ، قررنا تكوين زوجين من المتخصصين في الواجهة الأمامية والخلفية: مطور رائد ذو خبرة + شاب و "جائع".
النتائج والخطط
أعتقد أن مشروع إطلاق موقع بنك جديد تحول إلى نجاح كبير. هناك نمو على الموقع ، وهو مهم للغاية. مقارنة بالعام الماضي ، خلال الصيف نمت بنسبة 50 ٪ للزوار الفريدين. هذا عادة لا ينمو المواقع. هذا ، بالطبع ، له الكثير من العوامل المؤثرة (وهذا هو الاعتراف بالعلامة التجارية ، والحملات على التلفزيون وعلى الإنترنت) ، ولكن البساطة والتشغيل المستقر للموقع ساهمت بلا شك.
بالمناسبة ، من حيث الموثوقية ، كانت لدينا لحظة مثيرة للاهتمام للغاية. تم بناء الموقع على مبدأ DR - Disaster Recovery - خوادم متباعدة في مركزين مختلفين جغرافيا. إذا تعطل أحدهم ، ينتقل الموقع بسرعة إلى الثاني ويستمر في العمل هناك.
بطبيعة الحال ، وفقًا لأكبر القوانين الحالية ، قانون مورفي ، بالضبط في اليوم الذي تم فيه إطلاق الموقع الجديد ، حدث فشل خطير في أحد مراكز البيانات. وهكذا ، عن طريق الصدفة ، أجرينا اختبارًا أمنيًا ناجحًا في اليوم الأول من البوابة الجديدة ، ولم يلاحظه أحد منا سوى مركز البيانات. الذي ، في اعتقادي ، يعطي الحق في التفكير في أن الاختبار كان ناجحًا.
في إطار المشروع ، كانت المهمة الأولى بالنسبة لنا هي إنشاء نسخة متماثلة من الموقع الحالي من حيث الأداء الوظيفي ، ولكن باستخدام نظام أساسي موثوق يمكن تطويره في المستقبل. نجحنا ، والآن يمكننا تطوير.