Bagaimana kami membuat situs web Rosbank baru, dan apa yang terjadi

Halo semuanya! Saya Vitaliy Mazurevich, Kepala Perbankan Digital untuk Klien Bisnis Ritel di Rosbank. Kami memulai bisnis besar dan baru - blog korporat, jadi kami memutuskan untuk membukanya dengan artikel tentang sesuatu yang besar dan baru - tentang sebuah situs.

Memperbarui situs perusahaan besar bukanlah bisnis yang mudah dan cepat. Tetapi sangat penting. Kami baru-baru ini pergi ke sini. Dan tidak hanya lulus, tetapi juga menerima hasil yang sangat bagus. Hari ini saya akan memberi tahu Anda bagaimana kami melakukannya dan masalah apa yang harus kami hadapi.

gambar

Proyek untuk meluncurkan situs web bank baru muncul pada tahun 2017. Poin utamanya adalah menempatkan situs pada rel digital sebagai bagian dari proyek pada digitalisasi umum bank. Dan, karena situs tersebut menjadi titik masuk dalam corong menarik pelanggan, penting untuk membuatnya sangat “ramah” dalam hal pengalaman pengguna.

Situs ini dulunya merupakan kartu nama dan bukan alat penjualan. Kami memutuskan untuk membuat versi barunya lebih modern, kami menerapkan teknologi paling maju dalam hal front-end (ReactJS). Di bagian belakang, semuanya lebih atau kurang standar: YII 2.

Pendekatan kami - mobile terlebih dahulu


Proyek ini berlangsung lama. Kami tidak hanya perlu membuat replika lengkap dari situs saat ini, tetapi juga untuk mendesain ulang sehingga portal itu modern, cepat dan laris. Kami memperhitungkan fakta bahwa sekarang perilaku orang di jaringan benar-benar berubah, dan paling tidak ini disebabkan oleh peningkatan dalam pangsa lalu lintas seluler. Pada saat situs diluncurkan, jumlahnya 48%, secara harfiah enam bulan kemudian tumbuh menjadi 52% dan terus tumbuh. Ini menunjukkan bahwa pengalaman pengguna berubah. Pertama, ini adalah persyaratan lain untuk antarmuka - itu harus sesuai pada layar ponsel. Kedua, persyaratan untuk teks berubah: mereka harus singkat, sederhana dan dapat dimengerti. Dan secara umum, jika Anda di rumah, menggunakan komputer dengan Internet stasioner, ini adalah satu hal, tetapi jika Anda bepergian dengan kereta bawah tanah, mereka mendorong Anda, tetapi Anda terus-menerus mencoba mengirim aplikasi pinjaman - ini adalah pengalaman pengguna yang sama sekali berbeda. Itu sebabnya pendekatan mobile pertama dipilih. Hampir semua orang menyatakan penggunaannya yang luas, tetapi sejauh ini dalam banyak kasus tidak melampaui pembicaraan. Dan kami menempatkan pendekatan ini di garis depan: mulai dari prototipe yang kami gambar hanya dengan izin ponsel, dan diakhiri dengan pilihan teknologi dan arsitektur di bagian belakang sehingga situsnya cepat. Bagi kami, kecepatan telah menjadi metrik teknologi utama, yang kini menjadi metrik bisnis. Kami mencoba mempercepat proses apa pun dan “memfasilitasi” situs sebanyak mungkin. Secara pribadi, saya memiliki pemahaman yang dekat tentang desain: desain yang baik bukan salah satu di mana tidak ada yang perlu ditambahkan, tetapi satu dari yang tidak ada lagi yang harus dihapus. Saya melihat setiap elemen dan bertanya pada diri sendiri pertanyaan: jika kita menghapusnya, akankah semuanya berantakan? Dan jika dia menjawab dalam negatif - kami menghapus elemen ini.

gambar

Pilihan desain


Momen datang ketika seluruh Rosbank mulai diubah, dan situs perlu menekankan bahwa kami "di depan yang lain". Kami memahami bahwa itu tidak hanya sesuai dengan tren, tetapi juga di depan mereka. Jika Anda menyatakan bahwa Anda keren dan luar biasa, dan Anda masuk ke jalur dengan orang lain, muncul pertanyaan: mengapa Anda terlalu larut?

Rosbank adalah bank universal dan menggabungkan banyak divisi dan layanan untuk berbagai kategori pelanggan, semua informasi tentang yang tersedia di satu situs. Desain situs baru tidak hanya nyaman bagi pelanggan, tetapi juga fleksibel untuk bank itu sendiri: ketika produk baru muncul, menggunakan desainer, Anda dapat dengan cepat membuat halaman responsif yang bergaya, yang kemudian dapat dengan cepat ditampilkan di situs.

Selain nilai estetika dan navigasi, kami telah menambah kenyamanan, fokus pada tipografi, yang memungkinkan untuk menonjol di antara pesaing. Kartu bank terbang adalah fetish kecil pribadi saya.

gambar

Meluncurkan situs baru


Prosesnya berlangsung dalam dua tahap: pertama, kami menempatkan situs baru melalui tautan terpisah, dan itu tersedia secara paralel dengan yang lama. Kami memberi pengguna tautan baru secara selektif, lalu mengeposkan undangan di situs: "Jika Anda ingin mencoba situs baru, silakan." Selama ini kami melihat kinerja situs baru: apakah ada masalah kegunaan, apakah ia menahan beban. Dan ketika mereka menyadari bahwa semuanya baik-baik saja (ini terjadi pada 5 Juni), mereka meluncurkan situs web baru pada semua pelanggan dengan nama domain bank.

Pelanggan bank baru dan lama


Anda perlu memahami bahwa audiens utama situs perbankan adalah pelanggan baru, sekitar 75% dari mereka. Untuk pelanggan yang lebih tua, rute utamanya adalah pergi ke bank Internet (situs digunakan sebagai titik masuk) atau melihat cabang dan ATM. Bagi mereka, kisah produk tidak penting, mereka jarang menggunakan situs ini untuk melihat peta dan deposit, semua informasi ini ada di aplikasi seluler dan bank internet.

Pelanggan baru memecahkan masalah lain: cepat memahami produk apa, apakah itu menarik bagi mereka. Dan, jika tertarik, atur.

Situs harus senyaman mungkin untuk keduanya.

Sekarang skenario utama untuk menerima produk perbankan melalui situs ini adalah aplikasi callback. Sebelumnya, formulir terdiri dari empat bidang - nama, nomor telepon, wilayah dan waktu panggilan. Ini banyak sekali. Kami direduksi menjadi satu - nomor telepon: wilayah ditarik oleh alamat IP, nama dapat ditemukan oleh pertanyaan pertama, dan di bidang "Waktu panggilan" menurut statistik, lebih dari 95% pelanggan menunjukkan "sesegera mungkin". Akibatnya, kami menerima lonjakan permintaan dan menarik pelanggan.

gambar

Tim sendiri atau outsourcing?


Pada saat dimulainya proyek, kami praktis tidak memiliki kompetensi desain dan pengembangan di dalamnya. Kami menggunakan layanan dari beberapa kontraktor, atau lebih tepatnya, empat: satu terlibat dalam mengumpulkan persyaratan dan menciptakan konsep tingkat tinggi, yang kedua dalam desain, dan dua lainnya dalam pengembangan.

Pada saat yang sama, di dalam bank terdapat tim proyek untuk meluncurkan situs, serta tim pendukung situs saat ini, yang tidak terlibat dalam yang baru, tetapi terus mendukung portal saat itu.

Setelah peluncuran, kami memutuskan untuk membentuk tim kami, mengembangkan kompetensi internal. Lima taruhan dialokasikan untuk ini: dua backend, dua front, satu desainer. Sekarang kami secara aktif merekrut mereka untuk negara.

Temukan pengembang yang sempurna


Saat mencari pengembang, kami menekankan bahwa orang-orang mengerti bahwa mereka akan datang ke kode orang lain. Mereka harus memiliki tekad dan keberanian untuk menulis ulang semuanya, dan tidak hanya mengatakan bahwa semuanya buruk. Dalam hidup saya, saya belum pernah bertemu satu pengembang pun yang akan datang ke kode orang lain dan berkata: "Sial, betapa kerennya dia, saya tidak akan menulisnya lebih baik!" Klaim pasti akan, dan ini normal.

Saya selalu memperhatikan seberapa siap seseorang untuk berkembang, belajar sesuatu yang baru, membaca literatur. Saya bertanya buku apa yang dia baca, konferensi mana yang dia hadiri. Di bidang digital, banyak hal berubah dengan sangat cepat. Adalah penting bahwa seseorang memahami teknologi saat ini, tahu solusi apa yang menarik di pasar.

Kami memiliki pekerjaan yang sangat bertanggung jawab: sekitar 200 pelanggan domestik dan hanya 10 orang, dengan mempertimbangkan harga buka akun. Karena itu, penting bagi saya bahwa ada pikiran yang ingin tahu dalam tim saya. Saya memberi mereka kebebasan dalam memilih teknologi, hasilnya penting bagi saya.

Saya juga bertanya kepada semua pengembang apa itu UX, dan bagaimana menurut mereka, apakah topik ini menyangkut pengembang? Saya seorang pendukung setia fakta bahwa ini bukan hanya kompetensi terpisah dalam tim yang dimiliki oleh satu, tetapi sisanya hanya melihat kode dan menggambar. Bagaimanapun, UX tidak hanya seberapa banyak gambar yang ditangkap, tetapi juga seberapa cepat situs bekerja, bagaimana kesalahan diproses di situs, seberapa baik animasi dilakukan. Misalnya, jika Anda membuat perbandingan dengan mobil: tidak hanya dasbor dan roda yang penting, semua karakteristik penting. Kebetulan Anda suka mobil dalam segala hal, tetapi tidak menyukainya, misalnya bau di kabin. Dan hanya itu: Pengalaman Pengguna dimanjakan. Sangat penting bagi saya bahwa semua anggota tim, dan terutama para pengembang (setelah semua, mereka selalu berada di sela-sela sebelumnya), memahami bahwa mereka mempengaruhi hasil akhir tidak kurang dari desainer. Ternyata pengembang bertanggung jawab atas UX, dan karenanya untuk kinerja bisnis. Itu metriknya bisa metrik bisnis, dan bukan hanya kecepatan tugas.

Buat tim


Bagi saya, sejujurnya, fakta bahwa pasar untuk para profesional TI sekarang terlalu panas adalah pengungkapan yang tidak terduga. Pengembang yang berpengalaman adalah tiga tahun pengalaman. Seringkali, orang-orang dengan pengalaman setahun datang untuk wawancara dan meminta persyaratan sedemikian rupa sehingga kami siap menawarkan spesialis berpengalaman. Saya sungguh-sungguh yakin bahwa ambisi itu hebat, Anda tidak dapat pergi jauh tanpa mereka, tetapi penting untuk secara obyektif mengevaluasi kemampuan dan kompetensi Anda. Oleh karena itu, ketika membentuk tim, kami memutuskan untuk membuat sepasang spesialis back-and frontend: seorang pengembang yang berpengalaman + muda dan "lapar".

Hasil dan rencana


Saya percaya bahwa proyek untuk meluncurkan situs bank baru ternyata cukup berhasil. Ada pertumbuhan di situs, dan sangat signifikan. Dibandingkan tahun lalu, selama musim panas kami tumbuh 50% untuk pengunjung unik. Ini biasanya bukan bagaimana situs tumbuh. Ini, tentu saja, memiliki banyak faktor yang mempengaruhi (ini adalah pengenalan merek, dan kampanye di TV dan di Internet), tetapi kesederhanaan dan operasi situs yang stabil tidak diragukan lagi berkontribusi.

Omong-omong, dalam hal keandalan, kami memiliki momen yang sangat menarik. Situs ini dibangun berdasarkan prinsip DR - Disaster Recovery - server ditempatkan dalam dua pusat data yang berbeda secara geografis. Jika salah satunya rusak, situs dengan cepat beralih ke yang kedua dan terus bekerja di sana.

Secara alami, menurut hukum yang paling abadi dari hukum yang ada, hukum Murphy, tepat pada hari situs baru diluncurkan, kegagalan serius terjadi di salah satu pusat data. Jadi, secara tidak sengaja, kami melakukan tes keamanan yang berhasil pada hari pertama portal baru, yang tidak seorang pun kecuali kami dan pusat data memperhatikan. Yang, saya percaya, memberikan hak untuk berpikir bahwa tes itu berhasil.

Dalam kerangka proyek, tugas pertama bagi kami adalah membuat replika situs saat ini dalam hal fungsionalitas, tetapi dengan platform yang andal yang dapat dikembangkan di masa depan. Kami berhasil, sekarang kami bisa berkembang.

Source: https://habr.com/ru/post/id470692/


All Articles