Style Mix — brend va xizmatlar uchun korporativ lending
Style Mix uchun korporativ lending yig'dik: brend tezislari slayderi, sakkizta xizmat yo'nalishi, keyslar, tadbirlar, sharhlar va blog bitta sahifada. Arizaga konversiya 36% ga oshdi, sahifa esa bir yarim soniyadan tezroq ochiladi.
Vazifa
Style Mix — o'z brendi va biznes xizmatlarini bir sahifali sayt orqali taqdim etuvchi kompaniya. Lendingda konsaltingdan tortib raqamli biznes-modellar, audit va strategik rejalashtirishgacha sakkizta yo'nalish jamlangan, sayt esa korporativ mijozlarga ingliz tilida murojaat qiladi.
Style Mix'ga birinchi ekrandanoq brend ortida kim turganini va kompaniya biznesga qanday foyda keltirishini tushuntiradigan korporativ lending kerak edi. Kompaniyaning sakkizta yo'nalishi bor — konsaltingdan obligatsiyalar, xomashyo va aksiyalar bilan ishlashgacha, bitta sahifada esa bunday taklif osongina hech kim oxirigacha o'qimaydigan zich narxnomaga aylanadi.
Korporativ mijoz uchun xizmatlar ro'yxatining o'zi yetarli emas. Ariza qoldirishdan oldin u kompaniya ko'lamini, haqiqiy keyslarni va boshqa mijozlarning fikrini ko'rishni istaydi, shuning uchun bu dalillarni sahifaga taklif bilan e'tibor talashmaydigan, aksincha, uni mustahkamlaydigan tarzda joylash kerak edi.
Formatning o'zi ham cheklovlar qo'shdi. Bitta sahifaga asosiy tezislar slayderi, kompaniya haqida hikoya, xizmatlar, keyslar, tadbirlar, sharhlar va maqolalar sig'ishi, shu bilan birga ritmsiz va bo'limlar orasida tushunarli o'tishlarsiz cheksiz lentaga aylanib qolmasligi kerak edi.
Lendingni smartfondan ham, katta monitorlarda ham ochishadi, shuning uchun sahifa tuzilishi har qanday ekran kengligida kompozitsiyani saqlashi lozim edi. Slayderli birinchi ekran esa tashrif buyuruvchi qiziqishni yo'qotib, sahifani yopib qo'ymasidan oldin tez paydo bo'lishi shart edi.
Yechim
Lendingni kompaniya haqidagi izchil hikoya sifatida qurdik. Birinchi ekran — strelkalar bilan almashadigan va faol sarlavhasi ajratib ko'rsatiladigan uchta tezisli slayder, undan keyin asosiy raqamlar bilan «Biz haqimizda» bloki, sakkizta xizmat yo'nalishining raqamlangan ro'yxati va brendlar logotiplari tasmasi keladi.
Sahifaning o'rtasi ishonchga xizmat qiladi. Keyslar bo'limida loyiha sarlavhasi ustiga kursor olib borilganda fon almashadi, pastroqda tadbirlar e'lonlari, sharhlar slayderi va blogdagi uchta yangi maqola joylashgan. Sahifa «What can we help you achieve?» bloki va «Let's Start» tugmasi bilan yakunlanadi, pastki qismda esa foydali havolalar va xabarnomaga obuna bor.
Sahifa og'ir freymvorklarsiz HTML5 va CSS3'da qo'lda yozilgan: slayderlar jQuery va Owl Carousel'da ishlaydi, ikonkalar Font Awesome'dan, shriftlar esa DM Sans va Merriweather. Sahifa Vercel CDN'idan uzatiladi, yigirmadan ortiq media-so'rov esa to'rni smartfondan tortib 4000 pikseldan keng monitorlargacha bo'lgan ekranlarga moslaydi.
Brend tezislari slayderi
Birinchi ekranda kompaniya haqidagi uchta tezis almashib turadi, har birining o'z fotosurati bor. Ularni strelkalar bilan almashtirish mumkin, yonida esa faol slayd sarlavhasi ajratib ko'rsatiladi, shuning uchun tashrif buyuruvchi oldinda yana nechta xabar borligini ko'radi.
Kompaniya haqida va raqamlar
Slayder ostida kompaniya o'z yondashuvini qisqacha bayon qiladi, uchta yirik raqam esa ish ko'lamini ko'rsatadi. Birinchi ekrandagi aylantirish tugmasi to'g'ridan-to'g'ri shu blokka olib boradi, shuning uchun tanishuv asosiy gapdan boshlanadi.
Xizmatlarning raqamlangan ro'yxati
Xizmatlar sakkiz banddan iborat raqamlangan ro'yxatga jamlangan: konsalting, raqamli biznes-modellar, mijoz tajribasi, audit, obligatsiyalar va xomashyo, aksiyalar savdosi, biznes imkoniyatlari va strategik rejalashtirish. Yonida brendlar logotiplari tasmasi va barcha xizmatlarga havola bor.
Foni almashadigan keyslar
Loyihalar bo'limida beshta muvaffaqiyat tarixi ro'yxat shaklida joylashgan, tashrif buyuruvchi sarlavha ustiga kursor olib borganda esa fon surati almashadi. Blok ixcham bo'lib qoladi, lekin har bir keys o'z rasmiga ega bo'ladi.
Tadbirlar, sharhlar va blog
Yaqin tadbirlar e'lonlari, sharhlar slayderi va blogdagi uchta yangi maqola korporativ mijozda xizmatlar bilan tanishgandan keyin paydo bo'ladigan ishonch savoliga javob beradi. «Let's Start» tugmali yakuniy blok esa qiziqishni harakatga aylantiradi.
Har qanday ekran uchun tuzilma
To'r yigirmadan ortiq nuqtada qayta quriladi — 400 pikselli smartfonlardan 4000 pikseldan keng monitorlargacha. Telefonda menyu burger tugmasiga yashirinadi, qidiruv maydoni esa sahifa ustidagi alohida oynada ochiladi.
Natijalar
Loyihaning asosiy natijalari raqamlarda.
- +36%Arizaga konversiya
Lending ishga tushgach, arizagacha yetib boradigan tashrif buyuruvchilar ulushi oshdi.
- <1.5 sSahifa yuklanishi
Og'ir freymvorklarsiz statik sahifa Vercel CDN'idan uzatiladi va bir yarim soniyadan tezroq ochiladi.
- 7Bitta sahifadagi bo'limlar
Slayder, kompaniya haqida, xizmatlar, keyslar, tadbirlar, sharhlar va yakuniy chaqiruvli blog.
- 4 kunBoshlanishdan ishga tushishgacha
Yetti bo'lim, ikkita slayder va moslashuvchan tuzilma to'rt kunda tayyor bo'ldi.
Dizayn va interfeyslar
Loyihaning asosiy ekranlari va interfeyslari.
Loyiha texnologiyalari
Mijozning vazifasi uchun yechimni qurganimiz stek.
- Vercel
- HTML5
- CSS3
- JavaScript
O'xshash keyslar
Keyingi keys bo'lishga tayyormisiz?
Vazifani ayting — menejer jamoa yig'adi, smeta hisoblaydi va so'rovingizdan keyingi birinchi soat ichida taklif yuboradi. Majburiyatlarsiz va xat tarqatishsiz.