Жобаны талқылау ↗
← Жобалар
Дизайн + әзірлеу / CASE STUDY

Just English

Сабақтар, жаттығулар және жеке кабинеті бар білім платформасы.

Менің рөлімДизайн + әзірлеу
TOOLS / PRACTICENext.js · React · TypeScript · Supabase
Кейс форматыӨнім · интерфейс · әзірлеу
DESIGN + ENGINEERING

Жобаладым және әзірледім

Менің үлесім — интерфейсті жобалау және қосымшаны әзірлеу.

01DESIGN02CODE03PRODUCT
Осы жобада
  • Сабақ пен тәжірибе
  • Сөздік
  • Оқушы кабинеті
Just English
Just English / Дизайн + әзірлеу

Міндет

Оқуды, тапсырмаларды және оқушы прогресін бір өнімге біріктіру.

01 / PRODUCT LOGIC

Алғашқы танысудан өз бетінше сөйлеуге

Оқу қысқа циклге негізделген: түсіндіру, қолдану және қайталау. Ашық бет пен тегін сабақ бұл жолды тіркелмей өтуге мүмкіндік береді. Схема жұмыс істейтін өнім бойынша жасалған.

01Курспен танысу
02Бейне мен сұрақтар
03Диалог пен тәжірибе
04Сөздер мен қайталау
02 / FIRST CONTACT

Алдымен байқап көру, кейін шешу

Алғашқы экран курс ұсынысын нақты жаттығумен байланыстырады. Кейін оқу тәсілі, төрт модуль, екі түсіндіру тілі және қолжетімділік шарттары көрсетіледі.

Курстың алғашқы экраны
Толық ашық бет+
Толық ашық бет
03 / LESSON STRUCTURE

Оқушы материал мен сабақ жоспарын көреді

«Сабақ», «Тапсырмалар» және «Сөздік» жұмыс түрлерін бөледі. Жоспар бейне, сұрақ және тапсырма ретін сақтайды. Материалға оралып, қайта орындауға болады.

Түсіндіру мен сабақ жоспары
04 / SITUATED PRACTICE

Грамматика әңгімеге айналады

Клубтағы кездесу Ali репликасынан басталады. Оқушы рөл алып, жағдайды оқып, ағылшынша жауап таңдайды. 0 / 12 санағышы тапсырма көлемін көрсетеді.

Диалог басы — нақты тәжірибе
05 / ANSWER STATES

Қате нені түзету керегін түсіндіреді

Қате жауапта таңдалған жол ерекшеленіп, I’m арқылы танысу керегі түсіндіріледі. Диалог экранда қалып, кеңесті бірден қолдануға болады.

Тексеруге дейін
Қате мен түсіндіру
06 / INDEPENDENT RESPONSE

Дайын нұсқасыз: өз мәтінің не дауысың

Өзіндік тәжірибе 3–5 сөйлеммен танысуды ұсынады. Мәтін не дауыс және өзін-өзі бағалау өлшемдері бар. Акцент пен еркін мәтін автоматты бағаланбайтыны ашық жазылған.

Жауап формасы мен өзін-өзі бағалау
07 / VOCABULARY & REVIEW

Сөзді контексте еске түсіру

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

Сөздер, мысалдар мен тыңдау
08 / INTERFACE SYSTEM

Оқу әрекеттеріне ортақ ережелер

Бірдей қойындылар, навигация және жоспар сабақ түрлерін байланыстырады. Ашық негіз мазмұнды, қою қызыл түс әрекетті, ашық қызыл фон түзетуді ерекшелейді.

Тапсырма мен кері байланыс+
Қалыпты күй
Түзету күйі
Сөздік пен өзіндік тәжірибе+
Сөздік жолдары
Өрістер мен өлшемдер
09 / RESPONSIVE PRODUCT

Телефондағы сол оқу сценарийі

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

Телефондағы курс
Телефондағы диалог
VISUAL LANGUAGE

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

Жылы әрі тыныш интерфейс: ашық негіз мазмұнға орын беріп, қызыл акцент келесі қадамды көрсетеді.

TYPOGRAPHY / OnestСөйлей бастау.Aa Бб Әә Ғғ Ққ Ңң Өө Ұұ Үү Һһ Іі
0123456789
#9D1F15
#2B2320
#FBF9F7
#F4E9E3

Бір қаріп, бірнеше деңгей

Onest ірі тақырып, түсіндірме және тапсырма элементтерін байланыстырады. Өлшем мен қалыңдық иерархия жасайды.

Интерфейс оқуды қолдайды

Жұмсақ беттер реплика, тапсырма және кеңестерді біріктіреді. Акцент әрекет пен маңызды бөлікке арналған.

ӘЗІРЛЕУ ТЕХНОЛОГИЯЛАРЫ
01Next.js02React03TypeScript04Supabase
DELIVERABLE

Нәтиже

Сабақтар, интерактивті тапсырмалар, сөздік, оқушы кабинеті және контент басқару құралдары жобаланып, әзірленді.

Сайтты ашу ↗
Келесі жобаFootyTracker ↗
LET’S TALK

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

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

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