EdTech UX Design UI Design Design System Mobile

Nexus Core Académico

A full-stack school administration platform — web app for administrators and teachers, mobile app for parents — covering enrollment, academic records, attendance, and communication.

Role

Lead Product Designer

Industry

EdTech / K-12

Year

2023

Deliverables

UX · UI · Design System · Mobile

Nexus Core Académico

Overview

One platform, three types of users, zero margin for confusion

Nexus Core is a school administration system used by private K-12 institutions. It manages enrollment workflows, academic records, attendance, teacher scheduling, and parent communication — all in one platform.

The challenge: three distinct user types with completely different mental models. School administrators think in processes and reports. Teachers think in classroom-scale interactions. Parents think in individual child milestones. Designing one system that serves all three without complexity leaking between them was the core problem.

Scope

Web app (admin + teacher roles) + companion mobile app (parent role) + shared design system connecting both platforms.

01 — User Research

Three users, three completely different jobs to be done

I conducted role-based research sessions: 4 administrators, 6 teachers, and 8 parents across 3 schools. The most important finding was that administrators and teachers had opposite mental models for the same data — what an administrator calls "enrollment status" is what a teacher calls "who's in my class."

Admin persona — "Diego"

School Administrator

Teacher persona — "Lucia"

Classroom Teacher

Parent persona — "Adriana"

Parent / Guardian

02 — Web Application

Admin and teacher interfaces

The web app uses a role-based layout system — the same navigation shell renders differently based on user role. Administrators see macro-level dashboards and management tools. Teachers see classroom-level views and grading interfaces. Permissions determine what each role can read and write.

Admin dashboard — enrollment overview

Administrator view — macro enrollment and records

Teacher gradebook view

Teacher role — classroom grading

Enrollment management flow

Admin role — enrollment workflow

03 — Mobile Application

Parent-facing app — clarity over completeness

The parent mobile app strips away administrative complexity entirely. Parents see only their child's information: grades, attendance, homework, and messages from teachers. The design principle was "one child, one screen" — no list views, no aggregation, just direct access to what parents actually check.

Home

Child overview

Grades

Academic record

Attendance

Monthly calendar

Messages

Teacher communication

04 — Design System

One token set, two platforms

I built a shared token system that both the web app and mobile app consume. Colors, typography scale, spacing, and border radius all live in a single source of truth — the platforms diverge at the component level, but share the same visual language.

Web component library

32 web components

Mobile component library

24 mobile components

05 — Results

Outcomes

3

Schools onboarded in the first semester

56

Documented components across both platforms

4.4

Parent app satisfaction score (out of 5)