Жобаны талқылау ↗
← Жобалар
Өнім дизайны / CASE STUDY

ZerdeliApp

EdTech платформасы: оқушыларға арналған сынамалы тест сатып алу және тапсыру модулі

Менің рөлімКөрсетілген экрандардың дизайны
TOOLS / PRACTICEUX/UI · EdTech · Figma · Адаптив
Кейс форматыСценарийлер · экрандар · UI kit
INTERFACE DESIGN

Интерфейсті жобаладым

Менің үлесім — көрсетілген экрандар мен сценарийлер дизайны.

01UX02UI03SYSTEM
Осы жобада
  • Сценарийлер
  • Экрандар
  • Визуалды тіл
ZerdeliAppZerdeliApp
ZerdeliApp / Өнім дизайны

Міндет

ZerdeliApp — үлкен білім беру платформасы. Менің міндетім — бір нақты модульді жобалау: оқушылар сынамалы тесттерді сатып алып, оларды тапсыра алатын бөлім.

Модуль жалпы платформаға органикалық сіңіп, клиенттің барлық талаптарын орындап, мектеп оқушылары үшін максималды қарапайым және интуитивті болуы керек еді.

Экрандар жобадағы менің үлесімді көрсетеді. Өнімнің басқа бөліктерін команда жасаған болуы мүмкін.

01 / MODULE DESIGN

Үлкен платформа ішіндегі бір модуль

Менің міндетім — оқушыларға сынақ тестін сатып алу және өту модулі. Кейс бүкіл платформаны емес, осы жолды көрсетеді. Каталог қолжетімді тесттерді, жаңа ұсыныстарды және емтихан түрлерін бөледі.

Десктоптағы каталог
Мобильді каталог
02 / DISCOVERY TO PURCHASE

Тиісті тестті таңдап, сатып алуды түсіну

Мобильді іздеуде пәндер жылдам сүзгі ретінде берілген. Тест карточкасы құрамды, ұзақтықты және бағаны көрсетеді. Сатып алу экраны пакет пәндерін, промокодты және қорытынды соманы ашады.

01 — пән бойынша іздеу
02 — пакет құрамы және төлем
03 / TEST STATES

Тест кезінде прогресс көрінуі керек

Таймер жоғарғы бөлікте. Пәндер тізімінде әртүрлі күйлер бар: аяқталғаны жасылмен, басқалары бөлек маркермен белгіленген. Тестті аяқтау — жеке қызыл әрекет.

Десктоптағы тест аймағы
Мобильді прогресс пен күйлер
04 / UI CONSISTENCY

Күйлер — интерфейстің бөлігі

Бастапқы UI kit батырма өлшемдері мен нұсқаларын, басу және қолжетімсіз күйлерді, ауыстырғыш пен жауап таңдауды қамтиды.

Типографиялық шкала
Өлшем, нұсқа және күй
VISUAL LANGUAGE

Жобаның сипаты

#110D59
#2B283D
#F1F2F4
01UX/UI02EdTech03Figma04Адаптив
DELIVERABLE

Нәтиже

Тестілеу модулі жалпы платформа архитектурасына органикалық сіңді.

Артық элементтерсіз таза дизайн тест кезіндегі когнитивті жүктемені азайтады — оқушы интерфейсте емес, тапсырмаға шоғырланады.

Толық мобильді бейімдеу кез келген жерде және кез келген құрылғыдан тесттерге қол жеткізуді ашады.

Келесі жобаJust English ↗
LET’S TALK

Жобаңды талқылайық па?

WhatsApp арқылы жоба немесе жұмыс ұсынысы туралы жаз.

WhatsApp арқылы жазу+7 708 903 43 49