हम एक नई बैंक साइट कैसे लॉन्च करते हैं। भाग २

बैंक की वेबसाइट पर काम करने के पहले लेख के प्रकाशन के छह महीने बीत चुके हैं। इस समय के दौरान, Promsvyazbank एक PSB में बदल गया, मेरी टीम को तीन और मजबूत विशेषज्ञों के साथ फिर से तैयार किया गया, हमने साइट पर 300+ नए पृष्ठ लॉन्च किए, फोकल संकेतक बढ़ाए और सैकड़ों उपयोगकर्ताओं से प्रतिक्रिया प्राप्त की।

पहले चीजें पहले।

स्तर ऊपर

अजीब तरह से पर्याप्त है, लेकिन टीम के भीतर परिवर्तन इस परियोजना में एक महत्वपूर्ण मील का पत्थर बन गया।

लॉन्च के दौरान, हम कई प्रक्रियाओं को बदलने और बनाने में कामयाब रहे, बैंक के भीतर विशेषज्ञता बढ़ाई, आधुनिक दृष्टिकोणों को आगे बढ़ाया और यह सब बहुत ही रूढ़िवादी वातावरण में हुआ।

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

रोडमैप लॉन्च

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

आगे देखते हुए, मैं यह कहूंगा कि लक्ष्य की तारीख को पूरा करना संभव नहीं था, हम कुछ महीनों से स्थानांतरित हो गए, हालांकि मुझे प्राथमिकता वाली चीजों पर अपना ध्यान रखते हुए, ग्राहकों से अक्सर "नहीं" कहना था।

लेकिन वापस परियोजना के लिए।

साइट पर नए पृष्ठों को जल्दी से प्रदर्शित करने के लिए, प्रतिक्रिया प्राप्त करें और जल्दी से प्रतिक्रिया दें, लॉन्च को सशर्त रूप से दो चरणों में विभाजित किया गया था:

स्टेज एक

• हमने मामूली कार्यक्षमता में कटौती की और 20/80 के सिद्धांत को साझा किया;
• हम प्रतिक्रिया संग्रह और प्रसंस्करण यांत्रिकी का निर्माण करते हैं;
• एक ब्लॉक कंस्ट्रक्टर बनाएं;
• हम बीटा संस्करण लॉन्च करते हैं और इसे पुरानी साइट पर लिंक द्वारा डालते हैं;
• संरचना को ठीक करें;
• हम एक नया नेविगेशन बनाते हैं;
• ए / बी परीक्षणों (यदि उपयुक्त हो) के माध्यम से हम बैंक के सभी प्रमुख उत्पादों को "रीटेक" करते हैं।

स्टेज दो

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

विकास सबसे लंबी प्रक्रिया है, जिसके परिणामस्वरूप अपेक्षाएँ हमेशा वास्तविकता से अलग हो जाती हैं। मैं अपने अनुभव को थोड़ा साझा करना चाहता हूं।

रास्ते में कठिनाइयों का सामना करना पड़ा

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

हमारे कार्यों से भी मुश्किलें आईं:

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

ब्लॉक डिजाइनर के साथ सभी समस्याओं का समाधान किया गया, जिन्होंने पहले हमारे काम को सरल बनाया, और फिर थोड़ा धीमा कर दिया।

ब्लॉक कंस्ट्रक्टर

लॉन्च के पहले चरण में नए साइट पृष्ठों का गठन स्पष्ट रूप से एक टेम्पलेट प्रक्रिया है जिसे सरल बनाया गया है। मुझे ऐसी चीजें बनाना पसंद है जो प्रक्रियाओं को स्वचालित और सुविधाजनक बनाती हैं, यहां तक ​​कि सबसे आदिम स्तर पर भी।

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

फिर हमने ब्लॉकों के लिए एक नया डिज़ाइन बनाया, इसे विकल्पों से भरा, इसे बनाया और हमारे सीएमएस के साथ एकीकृत किया। अंततः, यह सब एक दस्तावेज में पैक किया गया था, जो नियमों, निर्माण के सिद्धांतों और उदाहरणों को प्रतिबिंबित करता था।

मेलर्स और लैंडिंग पृष्ठों के लिए समान निर्माणकर्ता बनाए गए थे।

इस दृष्टिकोण ने क्या दिया?

• नए खंडों के उत्पादन की गति विकास पर नहीं टिकी। सभी पृष्ठों को सामग्री विशेषज्ञ द्वारा एकत्र किया गया था, जो सीएमएस में आवश्यक ब्लॉकों का चयन करते थे।
• अनुभागों की संरचना और स्वयं सामग्री को पुन: उपयोग करते हुए, हमने तुरंत तैयार ब्लॉकों का उपयोग करके पृष्ठों की कल्पना की, जो स्पष्ट रूप से व्यापार और हमारी सामान्य समझ के साथ संचार की सुविधा प्रदान करते हैं।

हम क्या सामना कर रहे हैं?

• तैयार ब्लॉकों से पृष्ठों को एकत्र करने वाला ठेकेदार ओवरलोड हो गया और "संकीर्ण गर्दन" बन गया।
• रिलीज चक्र की प्लेट से धक्का दिया, हमने डिजाइनर को और अपडेट करना और विकसित करना बंद कर दिया।
• ब्लॉक का हिस्सा अब हमारी जरूरतों को पूरा नहीं करता है और जल्दी में, हमने "फ्रेंकस्टीन" एकत्र किया, कई मौजूदा लोगों से ब्लॉक को पार किया।

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

विज्ञप्ति

पिछले लेख में मैंने बीटा संस्करण पर काम करने का उल्लेख किया था, अब मैं मुख्य संस्करण के रिलीज के परिणाम को साझा करना चाहता हूं।

मुख पृष्ठ

100% उपयोगकर्ताओं के लिए एक नया मुखपृष्ठ लॉन्च करके, हमें बहुत अच्छा प्रदर्शन मिला। पैनल के माध्यम से साइट के पुराने संस्करण में लौटने वाले लोगों की संख्या 10% से थोड़ी अधिक थी।

संख्या अच्छी है। हालांकि, बड़ी मात्रा में अभी भी सुधार की आवश्यकता थी, जो 4% अंक तक पहुंचने तक किया गया था।

जैसा कि आप ग्राफ पर देख सकते हैं, रिटर्न की प्रतिशतता में कमी मेनू के प्रसंस्करण से सबसे अधिक प्रभावित हुई, उपयोगकर्ता की प्रतिक्रिया को ध्यान में रखते हुए।

प्रमुख बैंक उत्पाद

मुख्य ए / बी उत्पादों पर, परीक्षणों को प्रमाणित किया गया और हमारे कार्यों की प्रभावशीलता को मापने के लिए एक उपकरण के रूप में कार्य किया गया।

परिणाम इस प्रकार हैं:

• बंधक (आरबी): + 36% सीआर प्रति आवेदन;
• डेबिट कार्ड (आरबी): लगभग दोगुना आवेदन;
• उपभोक्ता ऋण (आरबी): + 36% सीआर प्रति आवेदन;
• आरकेओ (एमबी): पहला लॉन्च - कोई महत्वपूर्ण बदलाव नहीं। इकट्ठा, उत्पाद में गहराई से गिर गया, संसाधित और आवेदन में + 34% सीआर खटखटाया;
• क्रेडिट (एमबी): + 22% सीआर प्रति आवेदन;
• व्यवसाय पंजीकरण (एमबी): + 55% सीआर प्रति आवेदन।

एक ओर, परिणाम सभ्य हैं, दूसरे पर - यह ए / बी परीक्षणों से सिर्फ डेटा है। आइए देखें कि नए पृष्ठ कैसे खुद को आगे दिखाएंगे और कैसे डिजाइन में परिवर्तन होगा।

मैं यह सुनिश्चित करने के लिए कह सकता हूं कि हमारे पास प्रयास करने के लिए बहुत कुछ है। उदाहरण के लिए, साइट का मूल्य बैंक के उत्पादों के लिए शर्तों का एक आसान, पारदर्शी और समझने योग्य विवरण है। हम अभी भी गुणवत्ता कॉपीराइट का दावा नहीं कर सकते, हालांकि हम इस दिशा में सक्रिय रूप से काम कर रहे हैं।

प्रतिक्रिया

फीडबैक के साथ काम करना एक व्यापक विषय है, जिसमें हम बहुत सारी दिलचस्प चीजों को पेश करने में कामयाब रहे हैं, मैं एक अलग लेख में इस बारे में बेहतर बात करता हूं। यहां मैं केवल मुख्य बिंदुओं पर संक्षेप में स्पर्श करूंगा।

सभी समीक्षाओं को संग्रहीत करें

मैं समीक्षाओं का अध्ययन करके अपना कार्य दिवस शुरू करता हूं और कभी-कभी वहां से मैं अपने लोगों को सूचित करने की तुलना में तेजी से किसी भी समस्या के बारे में सीखता हूं।

सभी समीक्षाओं को दो शाखाओं में विभाजित किया गया है:

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

वेबव्यूअर के साथ लिंक समीक्षा

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

हम सक्रिय रूप से इस यांत्रिकी का उपयोग करते हैं, दोनों कीड़े को फिर से बनाने और साइट पर उपयोगकर्ता के व्यवहार के पैटर्न का अध्ययन करने के लिए।

प्रासंगिक जवाब के साथ साक्षात्कार

प्रस्तुत आवेदन की पुष्टि के साथ पृष्ठों पर, हम आपको नई साइट के दूरस्थ परीक्षण में भाग लेने के लिए आमंत्रित करते हैं।

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

प्रतिक्रिया दें

हाल ही में, हमने डेवलपर्स की ओर से पहला डाइजेस्ट तैयार किया और भेजा। इसमें, हम अपने उपयोगकर्ताओं को प्रतिक्रिया देते हैं, और उन्हें अपडेट किए गए इंटरफ़ेस तत्वों से भी परिचित कराते हैं, नई समीक्षा एकत्र करते हैं और साक्षात्कार रिकॉर्ड करते हैं - एक दुष्चक्र :)

परिणाम क्या है और आगे क्या है?

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

आगे बहुत काम है। हम शेष पृष्ठों को जारी करना जारी रखते हैं, पुनरावृत्तीय रूप से सब कुछ सुधारते हैं जो पहले से ही किया गया है और हमारी विशेषज्ञता को और बढ़ाता है।

मैं अपनी आंतरिक प्रक्रियाओं को बदलने और प्रतिक्रिया के साथ काम करने पर लेख तैयार कर रहा हूं। अगली बार प्रकट करने के लिए क्या विवरण लिखें।

मेरे पिछले लेख की टिप्पणियों में, आपने साइट पर उपयोगी टिप्पणियां फेंक दीं, मैं आपको स्क्रीन के दाहिने कोने में "प्रतिक्रिया" बटन पर क्लिक करके अब हमारे काम का मूल्यांकन करने के लिए आमंत्रित करता हूं ।