Students Hub Mobile App

Students Hub is a mobile learning app built on top of the Students Hub web platform. Two separate apps: one for iOS, one for Android, each with native navigation and platform-specific components.

The goal was to make learning available anywhere - even offline. Students needed a complete experience: courses, progress, homework, all from their phone, without it feeling like a stripped-down web version.

The core UX research was completed during the Students Hub web platform project. Research findings, personas, and key insights are available in the web platform case study.

From that foundation, I analyzed the platform to identify features critical for mobile: lesson viewing, course structure, progress tracking, homework, events, and reminders.

The app structure is adapted from the web platform's UX, reshaped for mobile. iOS got a tab bar, Android a burger menu - each matching the familiar patterns users expect on their platform.

Before moving to UI, I worked through Apple HIG and Material Design to understand navigation patterns for each platform. I also studied native apps: Calendar, Apple Music, Gmail, Google Maps, Notes, App Store, Google Play - to understand how users move through mobile products.

Mobile App Design, UI/UX Design, iOS App Design, Android App Design, Mobile UI Design, Native App Design, Human Interface Guidelines, Material Design, Cross-Platform Design, Design System, Mobile Design System, Wireframing, Mobile Wireframes, Clickable Prototyping, Figma, User Flow, Mobile Navigation Design, Tab Bar Navigation, Information Architecture, Mobile UX, Responsive Design, Adaptive Design, Visual Hierarchy, Typography, Component Library, Atomic Design, Design Tokens, EdTech Design, SaaS Mobile App, Cross-Platform Consistency, Brand Identity, User-Centered Design, Mobile Usability, App Onboarding Design, Interaction Design, UI Patterns, UI Kit, Design Thinking, Mobile Prototyping, Platform Guidelines, Multiplatform Product Design