Mediatech — IT maktabining kurs sayti
IT maktabi uchun kurs sotuv sayti: to'rt kursga alohida sahifa, besh bo'limli tuzilma hamda desktop, planshet va mobil ko'rinishlar.
To'rt kursning har biriga alohida sahifa — o'quvchi adashmasdan tanlaydi.
Besh bo'lim: kurslardan asoschigacha butun maktab bitta tuzilmada.
Desktop, planshet va mobil — ariza qoldirish har qanday ekranda qulay.
Sarlavhalar besh darajada — uzun kurs sahifasi ham oson o'qiladi.
Kurslarimiz bir-biridan jiddiy farq qiladi, shuning uchun har biriga o'z sahifasi kerak edi. Insan Agency bitta aniq qolip yasab, uni to'rt kurs uchun to'ldirdi: odam ro'yxatdan o'tishdan oldin nima o'rganishini va qancha to'lashini aniq ko'radi. Dizayn bizga juda yoqdi, natijadan mamnunmiz.
Buyurtmachi · Mediatech IT School
Mediatech — IT va zamonaviy kasblarni o'qitadigan maktab. Shiori — «Zamonaviy kasblarni mutaxassislardan o'rganing!», maqsadi — qisqa muddatda kasb beradigan sifatli ta'lim. Maktab bizga kurs sotadigan saytning UX/UI dizaynini buyurtma qildi. Talab bitta edi: o'quvchi kursni tanlasin, uning tarkibini tushunsin va shu yerning o'zida ro'yxatdan o'tsin.
Sayt xaritasini besh bo'limga ajratdik: bosh sahifa, kurslar, biz haqimizda, asoschi va aloqa. To'rt kursning har biri esa o'z sotuv sahifasini oldi — grafik dizayn, Full Stack dasturlash, shaxsiy brendni rivojlantirish va SMM Pro. Bosh sahifaga videotaqdimot va kurslar ro'yxati joylandi, ya'ni tanlov birinchi qadamdayoq boshlanadi. Har bir sahifa uch kenglikda — desktop, planshet va mobil — alohida chizildi: qaysi qurilmada ochilmasin, bir xil o'qiladi.
Kurs sotadigan sahifaning qiyinligi shunda: odam sarlavhaga qarab pul to'lamaydi. U nima o'rganishini, bu kurs kimlar uchunligini va oxirida qo'lida nima qolishini bilmoqchi bo'ladi. To'rt kurs esa bir-biridan jiddiy farq qiladi — grafik dizayn o'quvchisi bilan SMM Pro o'quvchisini bitta matn ishontira olmaydi.
Shuning uchun kurs sahifasiga bitta qat'iy tuzilma ishlab chiqdik va uni har bir kurs uchun o'z mazmuni bilan to'ldirdik: kurs tarkibi modullar ro'yxati bilan, kurs kimlar uchun — to'rt toifa, kursning maqsadi video bilan, muammolarga yechim, afzalliklar, o'quvchilar bilan intervyu, hamkorlar va oxirida narx hamda ro'yxatdan o'tish tugmasi. Ranglar to'q siyoh-binafsha fon va oltin-sariq urg'udan iborat bo'ldi, matn Proxima Nova shriftida terildi. Tugma va faol elementlarning barcha holatlari — oddiy, ustiga kursor kelgani va bosilgani — alohida chizildi, shunda dasturchi taxmin qilib o'tirmaydi.
Taqdimot butun ishni ketma-ket ochib beradi: sayt xaritasidan tortib kurs sahifalari va dizayn tizimigacha.
To'rt kursga alohida sotuv sahifasi chizildi: grafik dizayn, Full Stack, shaxsiy brend va SMM Pro.
Kurs sahifasining tuzilmasi bir xil: tarkib, kimlar uchun, maqsad, afzalliklar, narx va ro'yxatdan o'tish.
Sayt xaritasi besh bo'limga ajratildi, bosh sahifaga videotaqdimot qo'yildi.
Dizayn tizimi: Proxima Nova shrifti, besh darajali sarlavhalar va elementlarning barcha holatlari.
Kurs sahifasi o'quvchini ko'ndirmaydi — u shunchaki uning savollariga tartib bilan javob beradi.
Taqdimot 34 ekrandan iborat bo'ldi — bu portfelimizdagi eng kattasi. Mijozda tayyor sahifa qolipi qoldi: yangi kurs qo'shilganda dizaynni qaytadan o'ylash shart emas, modullar va matn almashtiriladi.
See more case studies
11 years of work, 350+ projects, 150+ clients. Below are a few more of them.
All our case studies in one place.
All case studiesNot sure where to start?
Drop us a line — we'll get in touch and map the shortest path to your goal in a free consultation. Website, system or AI agent — it doesn't matter.