हमने एक नई रोसबैंक वेबसाइट कैसे बनाई, और इसके बारे में क्या आया

सभी को नमस्कार! मैं रोज़बैंक के रिटेल बिज़नेस ग्राहकों के लिए डिजिटल बैंकिंग के प्रमुख विटालि मज़ुरिविच हूँ। हम एक बड़ा और नया व्यवसाय शुरू कर रहे हैं - एक कॉर्पोरेट ब्लॉग, इसलिए हमने इसे एक बड़े और नए - एक साइट के बारे में एक लेख के साथ खोलने का फैसला किया।

एक बड़ी कंपनी की साइट को अपडेट करना आसान और त्वरित व्यवसाय नहीं है। लेकिन बहुत महत्वपूर्ण है। हम हाल ही में इस तरह से चले गए। और न केवल पारित किया, बल्कि बहुत अच्छे परिणाम प्राप्त किए। आज मैं आपको बताऊंगा कि हमने यह कैसे किया और हमें किन समस्याओं का सामना करना पड़ा।



2017 में एक नई बैंक वेबसाइट लॉन्च करने की परियोजना शुरू हुई। मुख्य बिंदु बैंक के सामान्य डिजिटलीकरण पर परियोजना के हिस्से के रूप में डिजिटल रेल पर साइट डालना था। और, जैसा कि साइट ग्राहकों को आकर्षित करने के फ़नल में एक प्रवेश बिंदु बन जाती है, उपयोगकर्ता अनुभव के मामले में इसे बहुत "अनुकूल" बनाना आवश्यक था।

साइट एक विक्रय उपकरण के बजाय एक व्यवसाय कार्ड हुआ करती थी। हमने इसके नए संस्करण को और अधिक आधुनिक बनाने का फैसला किया, हमने फ्रंट-एंड (रिएक्टजेएस) के संदर्भ में सबसे उन्नत तकनीकों को लागू किया। पीठ पर, सब कुछ कम या ज्यादा मानक है: YII 2।

हमारा दृष्टिकोण - मोबाइल पहले

परियोजना लंबे समय तक चली। हमें न केवल वर्तमान साइट की पूरी प्रतिकृति बनाने की आवश्यकता थी, बल्कि इसे फिर से डिजाइन करने के लिए भी था ताकि पोर्टल आधुनिक, तेज और बिक्री हो। हमने इस तथ्य को ध्यान में रखा कि अब नेटवर्क पर लोगों का व्यवहार पूरी तरह से बदल रहा है, और कम से कम यह मोबाइल ट्रैफ़िक के शेयर में वृद्धि के कारण नहीं है। जिस समय यह साइट लॉन्च की गई थी, वह 48% थी, वस्तुतः छह महीने बाद यह बढ़कर 52% हो गई और लगातार बढ़ती जा रही है। यह बताता है कि उपयोगकर्ता अनुभव बदल रहा है। सबसे पहले, ये इंटरफ़ेस के लिए अन्य आवश्यकताएं हैं - इसे मोबाइल फोन की स्क्रीन पर फिट होना चाहिए। दूसरे, ग्रंथों की आवश्यकताएं बदल रही हैं: उन्हें संक्षिप्त, सरल और समझने योग्य होना चाहिए। और सामान्य तौर पर, यदि आप घर पर हैं, स्थिर इंटरनेट के साथ कंप्यूटर का उपयोग कर रहे हैं, तो यह एक बात है, लेकिन अगर आप मेट्रो से यात्रा कर रहे हैं, तो वे आपको धक्का देते हैं, लेकिन आप लगातार ऋण आवेदन भेजने की कोशिश करते हैं - यह पूरी तरह से अलग उपयोगकर्ता अनुभव है। इसीलिए मोबाइल का पहला तरीका चुना गया। लगभग हर कोई इसके व्यापक उपयोग की घोषणा करता है, लेकिन अभी तक ज्यादातर मामलों में यह बात करने से परे नहीं है। और हम इस दृष्टिकोण को सबसे आगे रखते हैं: उन प्रोटोटाइपों से शुरू करना, जिन्हें हमने केवल मोबाइल फोन की अनुमति के साथ आकर्षित किया था, और पीठ पर प्रौद्योगिकियों और वास्तुकला की पसंद के साथ समाप्त हुआ ताकि साइट तेज हो। गति हमारे लिए मुख्य तकनीकी मीट्रिक बन गई है, जो अब एक व्यावसायिक मीट्रिक बन गई है। हमने किसी भी प्रक्रिया को गति देने और यथासंभव साइट को "सुविधा" देने की कोशिश की। व्यक्तिगत रूप से, मुझे डिज़ाइन की इतनी समझ है: एक अच्छा डिज़ाइन वह नहीं है जिसमें जोड़ने के लिए अधिक कुछ नहीं है, लेकिन ऐसा है जिसमें से हटाने के लिए और कुछ नहीं है। मैंने प्रत्येक तत्व को देखा और खुद से सवाल पूछा: अगर हम इसे हटा देते हैं, तो क्या सब कुछ अलग हो जाएगा? और अगर उसने नकारात्मक में उत्तर दिया - हमने इस तत्व को हटा दिया।

डिजाइन का विकल्प

वह पल आया जब पूरा रोसबैंक तब्दील होने लगा और साइट को इस बात पर जोर देने की जरूरत थी कि हम "बाकी से आगे" थे। हम समझ गए कि यह केवल रुझानों के अनुरूप नहीं होना चाहिए, बल्कि उनसे आगे रहना चाहिए। यदि आप घोषणा करते हैं कि आप शांत और उत्कृष्ट हैं, और आप हर किसी के साथ लाइन में आते हैं, तो सवाल उठता है: आप इतनी देर से इसमें क्यों आए?

रोसबैंक एक सार्वभौमिक बैंक है और ग्राहकों की विभिन्न श्रेणियों के लिए कई डिवीजनों और सेवाओं को जोड़ती है, जिसके बारे में सभी जानकारी एक साइट पर उपलब्ध है। नई साइट का डिज़ाइन न केवल ग्राहकों के लिए सुविधाजनक है, बल्कि बैंक के लिए भी लचीला है: जब नए उत्पाद दिखाई देते हैं, तो डिजाइनर का उपयोग करके, आप जल्दी से एक स्टाइलिश उत्तरदायी पृष्ठ बना सकते हैं, जिसे तब साइट पर जल्दी से प्रदर्शित किया जा सकता है।

सौंदर्य और नौसिखिया मूल्य के अलावा, हमने वायुहीनता को जोड़ा है, टाइपोग्राफी पर ध्यान केंद्रित करें, जो प्रतियोगियों के बीच बाहर खड़े करना संभव बनाता है। फ्लाइंग बैंक कार्ड मेरी व्यक्तिगत छोटी बुत है।

एक नई साइट बनाना

प्रक्रिया दो चरणों में हुई: पहली, हमने एक अलग लिंक के माध्यम से एक नई साइट रखी, और यह पुराने के साथ समानांतर में उपलब्ध थी। हमने उपयोगकर्ताओं को चुनिंदा रूप से एक नया लिंक दिया, फिर साइट पर एक आमंत्रण पोस्ट किया: "यदि आप एक नई साइट आज़माना चाहते हैं, तो आगे बढ़ें।" इस बार जब हमने नई साइट के प्रदर्शन को देखा: क्या हमारे पास कोई समस्या है, क्या यह लोड पकड़ रहा है। और जब उन्हें पता चला कि सब कुछ ठीक है (यह 5 जून को हुआ), तो उन्होंने बैंक के डोमेन नाम पर सभी ग्राहकों के लिए एक नई वेबसाइट शुरू की।

नए और पुराने बैंक ग्राहक

आपको यह समझने की ज़रूरत है कि बैंकिंग साइटों के मुख्य दर्शक नए ग्राहक हैं, उनमें से लगभग 75% हैं। पुराने ग्राहकों के लिए, मुख्य मार्ग इंटरनेट बैंक पर जाना है (साइट का उपयोग प्रवेश बिंदु के रूप में किया जाता है) या शाखाओं और एटीएम को देखें। उनके लिए, उत्पाद की कहानी महत्वपूर्ण नहीं है, वे नक्शे और जमा को देखने के लिए शायद ही कभी साइट का उपयोग करते हैं, यह सभी जानकारी मोबाइल एप्लिकेशन और इंटरनेट बैंक में है।

नए ग्राहक अन्य समस्याओं को हल करते हैं: जल्दी से समझें कि किस तरह का उत्पाद है, क्या यह उनके लिए दिलचस्प है। और, यदि रुचि है, तो व्यवस्था करें।

साइट दोनों के लिए यथासंभव सुविधाजनक होनी चाहिए।

अब साइट के माध्यम से बैंकिंग उत्पादों को प्राप्त करने का मुख्य परिदृश्य कॉलबैक एप्लिकेशन है। पहले, फॉर्म में चार फ़ील्ड शामिल थे - नाम, फ़ोन नंबर, क्षेत्र और कॉल समय। यह बहुत कुछ है। हमने फ़ोन नंबर कम कर दिए हैं: आईपी पते द्वारा क्षेत्र को खींच लिया गया है, नाम पहले प्रश्न से मिल सकता है, और आंकड़ों के अनुसार "कॉल समय" फ़ील्ड में, 95% से अधिक ग्राहक "जितनी जल्दी हो सके" इंगित करते हैं। नतीजतन, हमने दोनों अनुरोधों में वृद्धि प्राप्त की और ग्राहकों को आकर्षित किया।

खुद की टीम या आउटसोर्सिंग?

परियोजना के शुरू होने के समय, हमारे पास व्यावहारिक रूप से कोई डिजाइन और विकास क्षमता नहीं थी। हमने कई ठेकेदारों की सेवाओं का उपयोग किया, या अधिक सटीक रूप से, चार: एक आवश्यकताओं को इकट्ठा करने और एक उच्च-स्तरीय अवधारणा बनाने, डिजाइन में दूसरा और विकास में दो और शामिल था।

उसी समय, बैंक के अंदर साइट को लॉन्च करने के लिए एक परियोजना टीम थी, साथ ही वर्तमान साइट समर्थन टीम भी थी, जो नए में शामिल नहीं थी, लेकिन उस समय वर्तमान पोर्टल का समर्थन करती रही।

लॉन्च के बाद, हमने अपनी टीम को इकट्ठा करने, आंतरिक दक्षताओं को विकसित करने का फैसला किया। इसके लिए पांच दांव आवंटित किए गए थे: दो बैकेंड, दो मोर्चों, एक डिजाइनर। अब हम राज्य के लिए उन्हें सक्रिय रूप से भर्ती कर रहे हैं।

सही डेवलपर खोजें

डेवलपर्स की खोज करते समय, हम इस बात पर जोर देते हैं कि लोग समझते हैं कि वे किसी और के कोड में आएंगे। उनके पास सब कुछ फिर से लिखने का दृढ़ संकल्प और साहस होना चाहिए, न कि केवल यह कहना कि सब कुछ बुरा है। अपने जीवन में मैं कभी भी किसी ऐसे डेवलपर से नहीं मिला जो किसी और के कोड पर आता हो और कहता हो: "अरे, वह कितना शांत है, मैंने इसे बेहतर नहीं लिखा होगा!" दावे निश्चित रूप से होंगे, और यह सामान्य है।

मैं हमेशा देखता हूं कि कोई व्यक्ति कितना विकसित होने के लिए तैयार है, कुछ नया सीखें, साहित्य पढ़ें। मैं पूछता हूं कि उन्होंने कौन सी किताबें पढ़ीं, कौन से सम्मेलन में भाग लिया। डिजिटल के क्षेत्र में, चीजें बहुत तेज़ी से बदल रही हैं। यह महत्वपूर्ण है कि एक व्यक्ति मौजूदा प्रौद्योगिकियों को समझता है, जानता है कि बाजार पर क्या दिलचस्प समाधान हैं।

हमारे पास एक बहुत ही जिम्मेदार काम है: लगभग 200 घरेलू ग्राहक और केवल 10 लोग, खुली दरों को ध्यान में रखते हुए। इसलिए, मेरे लिए यह महत्वपूर्ण है कि मेरी टीम में पूछताछ करने वाले दिमाग हों। मैं उन्हें प्रौद्योगिकी चुनने की स्वतंत्रता देता हूं, परिणाम मेरे लिए महत्वपूर्ण है।

मैंने सभी डेवलपर्स से भी पूछा कि UX क्या है, और वे क्या सोचते हैं, क्या यह विषय डेवलपर्स को चिंतित करता है? मैं इस तथ्य का कट्टर समर्थक हूं कि यह एक टीम के स्वामित्व में एक अलग क्षमता नहीं है, लेकिन बाकी लोगों ने सिर्फ कोड देखा और चित्र खींचे। आखिरकार, यूएक्स न केवल चित्र को कितना पकड़ता है, बल्कि यह भी है कि साइट कितनी जल्दी काम करती है, साइट पर त्रुटियों को कैसे संसाधित किया जाता है, एनीमेशन कितनी अच्छी तरह से किया जाता है। उदाहरण के लिए, यदि आप एक कार के साथ तुलना करते हैं: न केवल डैशबोर्ड और पहिये महत्वपूर्ण हैं, सभी विशेषताएं महत्वपूर्ण हैं। ऐसा होता है कि आप कार को हर चीज में पसंद करते हैं, लेकिन यह पसंद नहीं आया, उदाहरण के लिए, केबिन में गंध। और यह बात है: उपयोगकर्ता अनुभव खराब हो गया है। यह मेरे लिए बहुत महत्वपूर्ण है कि सभी टीम के सदस्य, और विशेष रूप से डेवलपर्स (आखिरकार, उन्हें हमेशा से पहले किनारे पर रखा गया है), समझें कि वे अंतिम परिणाम को प्रभावित करते हैं जो डिजाइनरों से कम नहीं है। यह पता चला है कि डेवलपर UX के लिए जिम्मेदार है, और इसलिए व्यावसायिक प्रदर्शन के लिए। कि उसकी मेट्रिक्स बिजनेस मेट्रिक्स हो सकती है, न कि केवल कार्यों की गति।

टीम बनाएं

मेरे लिए, ईमानदार होना, यह तथ्य कि आईटी पेशेवरों के लिए बाजार अब काफी हद तक गर्म हो चुका है, एक अप्रत्याशित रहस्योद्घाटन था। एक अनुभवी डेवलपर तीन साल का अनुभव है। अक्सर, एक वर्ष के अनुभव वाले लोग साक्षात्कार के लिए आते हैं और ऐसी स्थितियों के लिए पूछते हैं कि हम अनुभवी विशेषज्ञों की पेशकश करने के लिए तैयार हैं। मुझे पूरी उम्मीद है कि महत्वाकांक्षा महान है, आप उनके बिना दूर नहीं जा सकते हैं, लेकिन अपनी क्षमताओं और दक्षताओं का मूल्यांकन करना महत्वपूर्ण है। इसलिए, टीम का गठन करते समय, हमने बैक-एंड फ्रंटेंड विशेषज्ञों की एक जोड़ी बनाने का फैसला किया: एक अनुभवी लीड डेवलपर + युवा और "भूखा"।

परिणाम और योजनाएँ

मेरा मानना ​​है कि एक नई बैंक साइट लॉन्च करने की परियोजना काफी सफल रही। साइट पर विकास है, और बहुत महत्वपूर्ण है। पिछले साल की तुलना में, गर्मियों में हम अद्वितीय आगंतुकों के लिए 50% की वृद्धि हुई। यह आमतौर पर नहीं है कि साइटें कैसे बढ़ती हैं। यह, निश्चित रूप से, कई प्रभावशाली कारक हैं (यह ब्रांड मान्यता है, और टीवी और इंटरनेट पर अभियान), लेकिन निस्संदेह रूप से साइट की सादगी और स्थिर संचालन में योगदान दिया गया है।

वैसे, विश्वसनीयता के मामले में, हमारे पास एक बहुत ही दिलचस्प क्षण था। साइट डीआर - डिजास्टर रिकवरी के सिद्धांत पर बनाया गया है - सर्वरों को भौगोलिक रूप से अलग-अलग डेटा केंद्रों में दो जगह पर रखा गया है। यदि उनमें से एक टूट जाता है, तो साइट जल्दी से दूसरी पर स्विच करती है और वहां काम करना जारी रखती है।

स्वाभाविक रूप से, मौजूदा कानूनों के सबसे अपरिवर्तनीय, मर्फी के नियम के अनुसार, जिस दिन नई साइट लॉन्च की गई थी, उसी दिन डेटा केंद्रों में एक गंभीर विफलता हुई थी। इस प्रकार, दुर्घटना के कारण, हमने नए पोर्टल के पहले दिन एक सफल सुरक्षा परीक्षण किया, जिसे हमारे और डेटा सेंटर के अलावा किसी ने नहीं देखा। जो, मेरा मानना ​​है, यह सोचने का अधिकार देता है कि परीक्षण सफल रहा।

परियोजना के ढांचे में, हमारे लिए पहला काम कार्यक्षमता के संदर्भ में वर्तमान साइट की प्रतिकृति बनाना था, लेकिन एक विश्वसनीय मंच के साथ जिसे भविष्य में विकसित किया जा सकता है। हम सफल हुए, अब हम विकास कर सकते हैं।