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.
Yana keyslarni ko'ring
11 yil ish, 350 dan ortiq loyiha, 150 dan ortiq mijoz. Quyida shu ishlardan yana bir nechtasi.
Barcha keyslarimiz bitta joyda.
Barcha keyslarQayerdan boshlashni bilmayapsizmi?
Ikki og'iz yozing — bog'lanamiz va bepul konsultatsiyada vazifangizga eng qisqa yo'lni birga belgilaymiz. Sayt, tizim yoki AI agent — farqi yo'q.