← Back to design archive
DESIGN STUDY / ARCHIVEEDUCATION / CROSS-PLATFORM UI / HIERARCHY

AI education · A cross-platform learning experience.

A purple-blue visual system connects courses, AI tools and enterprise training across mobile learning and desktop course discovery.

My work: Mobile and desktop UI design

AI education · A cross-platform learning experience

Connecting learners and training services

The original screens organise AI learning and enterprise training for people exploring tools, courses and training services. Schedules, tool directories, enterprise topics and personal spaces provide distinct entry points aligned with different learning tasks.

Mobile access, desktop exploration

Mobile cards, date selection and bottom navigation connect course browsing, tool discovery, points and reviews. Desktop layouts provide more space for the brand home, course catalogue and training programmes. Purple-blue colours and rounded forms connect the two, while each adapts to its information density.

Rich content with a clear hierarchy

Course covers, section headings, category labels and primary actions establish distinct levels. Light reading surfaces and darker promotional sections separate learning information from campaign expression. This case presents the UI and information design; AI service capabilities depend on the implemented product.

Design focus

  • Education
  • Mobile & web
  • Content design
← Back to design archive