EDTECH · UX/UI DESIGN · ILLUSTRATION · 2026

AURORADOT.

Một hệ sinh thái chăm sóc cảm xúc giúp gia đình và nhà trường nhìn thấy những thay đổi nhỏ, hiểu chúng đúng hơn và cùng trẻ phản hồi bằng sự dịu dàng.

VAI TRÒUX/UI Designer
Illustrator

PHẠM VIProduct · Design system

HỆ SINH THÁIParent · Teacher · Kid

01 / THE IDEA

Chăm sóc cảm xúc không bắt đầu từ dữ liệu lớn. Nó bắt đầu từ việc nhận ra một tín hiệu nhỏ đúng lúc.

02 / PRODUCT OVERVIEW

One emotional language.
Three points of care.

PARENT

Nhìn thấy xu hướng, điều đang giúp trẻ và những gợi ý có thể thử tại nhà.

TEACHER

Ghi nhận quan sát, hiểu nhịp lớp và hỗ trợ từng học sinh đúng thời điểm.

KID

Một chế độ riêng để trẻ tham gia hoạt động cảm xúc trong không gian an toàn và dễ hiểu.

CHAPTER 01

PRODUCT EXPERIENCE

UX—UI

Ba vai trò, ba mức thông tin — cùng hướng về một ngôn ngữ chăm sóc nhất quán.

UX / 01 — PARENT EXPERIENCE

From moments
to understanding.

Trang chủ gom những hành động quan trọng vào một nhịp đọc yên tĩnh. Thay vì gắn nhãn cảm xúc, “Understanding Aurora” diễn giải điều đang được quan sát, điều có vẻ hữu ích và một bước nhỏ phụ huynh có thể thử.

SHARED MOMENTSGENTLE INSIGHTSACTIONABLE CARE

Trang chủ dành cho phụ huynh — 01 / PARENT HOMEMọi điểm chạm trong một nơi

Màn hình Understanding Aurora — 02 / UNDERSTANDINGInsight không biến thành phán xét

Trang tổng quan dành cho giáo viên trong AURORADOT

LIVE CLASS RHYTHM · OBSERVATION · SUPPORT

UX / 02 — TEACHER EXPERIENCE

See the class.
Notice the child.

Giáo viên có thể xem nhanh insight của lớp, ghi nhận một quan sát, mở hồ sơ học sinh và theo dõi “Class Rhythm” mà không bị kéo vào một dashboard nặng dữ liệu.

TEACHER INSIGHTSOBSERVE A CHILDCLASS RHYTHM

UX / 03 — KID EXPERIENCE

A small world
made for them.

Kid Experience bắt đầu từ hồ sơ “Child’s Mode”, giúp phụ huynh thiết lập bối cảnh của trẻ và mở hoạt động phù hợp. Hình ảnh mềm, thao tác đơn giản và dữ liệu hoạt động được chuyển lại thành insight dễ hiểu.

Màn hình Child’s Mode trong file AURORADOT mới — 01 / CHILD’S MODEChọn đúng hồ sơ và bối cảnh của trẻ

Màn hình Get To Know Your Child — 02 / SETUPMột bước bắt đầu thật nhẹ

Màn hình Understand Your Child’s Emotional World — 03 / DISCOVERYGiải thích giá trị trước khi thu thập dữ liệu

Bảng Child Mode Activity trong trang phụ huynh — 04 / ACTIVITY INSIGHTBiến hoạt động thành tín hiệu có thể hiểu

UX / 04 — SCREEN ATLAS20

A complete journey,
screen by screen.

Hai mươi màn hình được chọn trực tiếp từ sản phẩm, trải từ onboarding đến những khoảnh khắc quan sát dành cho phụ huynh, giáo viên và trẻ em.

Parent home — màn hình 1 của AURORADOT — 01 / PARENTParent home

Understanding Aurora — màn hình 2 của AURORADOT — 02 / PARENTUnderstanding Aurora

Teacher home — màn hình 3 của AURORADOT — 03 / TEACHERTeacher home

Child’s Mode — màn hình 4 của AURORADOT — 04 / KIDChild’s Mode

Activity insight — màn hình 5 của AURORADOT — 05 / KIDActivity insight

Get to know your child — màn hình 6 của AURORADOT — 06 / KIDGet to know your child

What you’ll discover — màn hình 7 của AURORADOT — 07 / KIDWhat you’ll discover

App launch — màn hình 8 của AURORADOT — 08 / ONBOARDINGApp launch

Welcome to Auroradot — màn hình 9 của AURORADOT — 09 / ONBOARDINGWelcome to Auroradot

Choose your mode — màn hình 10 của AURORADOT — 10 / ONBOARDINGChoose your mode

Create account — màn hình 11 của AURORADOT — 11 / ONBOARDINGCreate account

12 / PARENTParent profile

13 / TEACHERTeacher profile

Natural moments — màn hình 14 của AURORADOT — 14 / DISCOVERYNatural moments

Privacy promise — màn hình 15 của AURORADOT — 15 / DISCOVERYPrivacy promise

Begin discovery — màn hình 16 của AURORADOT — 16 / DISCOVERYBegin discovery

Discovery progress — màn hình 17 của AURORADOT — 17 / DISCOVERYDiscovery progress

How did it feel? — màn hình 18 của AURORADOT — 18 / MOMENT LOGHow did it feel?

What was happening? — màn hình 19 của AURORADOT — 19 / MOMENT LOGWhat was happening?

Class observation — màn hình 20 của AURORADOT — 20 / TEACHERClass observation

CHAPTER 02

VISUAL STORYTELLING

ILLUSTRATION

Những element màu nước sống ngay trong UI, dẫn nhịp nội dung mà không biến giao diện thành một poster trang trí.

ILL / 01 — VISUAL SYSTEM

Soft enough to feel safe.
Clear enough to act.

COLOR LANGUAGE

Nền kem tạo sự tĩnh; nâu giữ độ ấm; xanh lá và màu hoa làm dấu hiệu cho tiến trình, hành động và hy vọng.

ILLUSTRATIONQuiet natureCLEAR INTERFACE

Hoa, lá và nét vẽ tay làm mềm thông tin mà không tranh chấp sự chú ý với nội dung chính.

INTERACTION44 px

Kích thước chạm ổn định, nhãn dễ đọc và mỗi màn hình chỉ ưu tiên một quyết định chính.

ILL / 02 — UI ELEMENTS

Drawn for the
interface.

Mỗi hình vẽ gắn với một ý nghĩa cụ thể trong hành trình cảm xúc. Cùng nét cọ và độ trong suốt được giữ xuyên suốt để illustration hỗ trợ việc đọc, thay vì cạnh tranh với thông tin.

EMOTIONAL IDENTITY — element minh họa đang dùng trong UI AURORADOT — EMOTIONAL IDENTITY

CONFIDENCE & RESILIENCE — element minh họa đang dùng trong UI AURORADOT — CONFIDENCE & RESILIENCE

SOCIAL COMFORT — element minh họa đang dùng trong UI AURORADOT — SOCIAL COMFORT

SENSORY PATTERNS — element minh họa đang dùng trong UI AURORADOT — SENSORY PATTERNS

EMOTIONAL TRIGGERS — element minh họa đang dùng trong UI AURORADOT — EMOTIONAL TRIGGERS

GROWTH OVER TIME — element minh họa đang dùng trong UI AURORADOT — GROWTH OVER TIME

Màn hình nguồn cho hệ illustration AURORADOT — ELEMENTS IN CONTEXT · FIGMA UI

ILL / 03 — ELEMENT ATLAS33 ORIGINAL ELEMENTS FROM THE UI

BOTANICAL FOLIAGE — illustration element 1 — 01BOTANICAL FOLIAGE

SUNRISE GLOW — illustration element 2 — 02SUNRISE GLOW

YELLOW BLOOM — illustration element 3 — 03YELLOW BLOOM

SHADOW FOLIAGE — illustration element 4 — 04SHADOW FOLIAGE

GREEN LEAVES — illustration element 5 — 05GREEN LEAVES

CORAL BLOOM — illustration element 6 — 06CORAL BLOOM

BLUE BLOOM — illustration element 7 — 07BLUE BLOOM

FLOWER BUD — illustration element 8 — 08FLOWER BUD

DAISY — illustration element 9 — 09DAISY

OPEN BLOOM — illustration element 10 — 10OPEN BLOOM

MOONLIGHT — illustration element 11 — 11MOONLIGHT

SUNLIGHT — illustration element 12 — 12SUNLIGHT

WHO AM I — illustration element 13 — 13WHO AM I

FAMILY — illustration element 14 — 14FAMILY

15PROFILE BACKGROUND

TEACHER — illustration element 16 — 16TEACHER

OVERWHELMED — illustration element 17 — 17OVERWHELMED

TUNED OUT — illustration element 18 — 18TUNED OUT

UPSET — illustration element 19 — 19UPSET

FRUSTRATED — illustration element 21 — 21FRUSTRATED

HAPPY — illustration element 22 — 22HAPPY

CHOCOLATE — illustration element 24 — 24CHOCOLATE

HAMBURGER — illustration element 25 — 25HAMBURGER

DRAWING TABLET — illustration element 26 — 26DRAWING TABLET

POS MACHINE — illustration element 27 — 27POS MACHINE

JELLY — illustration element 29 — 29JELLY

ICE CREAM — illustration element 30 — 30ICE CREAM

BACKPACK — illustration element 31 — 31BACKPACK

BEDTIME BLANKET — illustration element 33 — 33BEDTIME BLANKET

07 / OUTCOME

Care becomes visible
without becoming clinical.

AURORADOT kết nối ba trải nghiệm bằng cùng một ngôn ngữ cảm xúc, nhưng điều chỉnh lượng thông tin và giọng điệu cho đúng vai trò: trẻ có không gian tham gia, phụ huynh nhìn thấy bức tranh phát triển, còn giáo viên có thể ghi nhận và hành động.

PROJECT TIẾP THEOELIHIGH KIDS↗

AURORADOT.

One emotional language.Three points of care.

PARENT

TEACHER

KID

UX—UI

From momentsto understanding.

See the class.Notice the child.

A small worldmade for them.

A complete journey,screen by screen.