iQube.OX brings courses, live sessions, workgroups and mentors into one place. The challenge was density. A learner needs to see progress, what’s coming up, and who can help, without feeling buried.

The dashboard answers “where am I?” first, with a monthly learning chart and course cards that show hours, lessons and a progress bar at a glance. Featured and pending workgroups, a calendar and upcoming activities sit side by side, so planning your week takes one look. The Courses page uses color coded cards and progress bars to show what’s ongoing, completed or not started, so the next step is obvious.

Upcoming Activities opens as a focused panel instead of a new page. Learners browse sessions on the left and read the full agenda, speakers, time and a “Join Now” button on the right, without losing their place.

Learning also needs people, so I designed the Workgroup space like a lightweight Slack. A slim rail on the left switches between groups. The main feed has Discussion, Resources and Tasks tabs, with role badges for mentors and advisors so learners know whose advice they’re reading. Each post supports reactions, replies, saving and pinning, and a rich text composer sits at the bottom so starting a conversation is always one tap away. The right side keeps the group’s context nearby: the project overview, the next session with a Register button, and saved messages.

I designed everything manually, from the layout grid and components to the states and spacing, which gave me full control over the details.