nghiadt.

0%
Initializing environment...

EXAMDEE

Khai giảng Examdee
UX/UI DesignProduct StrategyDesign System

Project Overview

Trải nghiệm học tiếng Anh
thế hệ mới.

Nền tảng học tập & thi trực tuyến được phát triển bởi AI Vietnam Bình Minh Group.
Được Sở Giáo dục và Đào tạo Hà Nội tin tưởng triển khai — phục vụ hơn 120.000 học sinh, tích hợp AI để cá nhân hoá từng hành trình học.

Tiếp cận dự án

Vai trò

Thiết kế UX/UI

Chiến lược sản phẩm

Design System

Thời gian thực hiện

2025 – 2026

Công ty

AI Vietnam

Bình Minh Group

Nền tảng

Web

Mobile (iOS & Android)

Xem sản phẩm
Bình Minh Education
Về Examdee và AI Vietnam

20+ năm kinh nghiệm giáo dục từ Bình Minh Group — uy tín đủ lớn để xây một nền tảng giáo dục trực tuyến.

01
Hệ thống E-learning
Về Examdee và AI Vietnam

Hợp tác chính thức với Sở GD&ĐT Hà Nội — triển khai đến 750.000+ học sinh trên toàn địa bàn

02
Học sinh Bình Minh Education
Về Examdee và AI Vietnam

Phối hợp cùng Sở GD&ĐT Hà Nội và Bình Minh Group — tổ chức hàng chục cuộc thi cho học sinh Tiểu học & THCS trên toàn địa bàn thành phố.

03

Tiền thân

PleaseSpeak — Hành trình bắt đầu.

Năm 2024, PleaseSpeak ra đời với sứ mệnh giúp học sinh luyện nói tiếng Anh qua AI. Dù nội dung phong phú, giao diện còn nhiều hạn chế khiến học sinh khó duy trì động lực.

PleaseSpeak - Giao diện chính
PleaseSpeak - Môi trường học tập
PleaseSpeak - Dashboard giáo viên

Nhưng...

Nội dung phong phú
là chưa đủ để giữ chân học sinh

Core Challenges

Vấn đề của PleaseSpeak
và bài toán đặt ra.

Vấn đề cốt lõi

Sản phẩm thiếu gamification, feedback loop và trải nghiệm đủ nhẹ để giữ chân học sinh, dẫn đến không hình thành được thói quen học tập. Hệ thống hiện tại chưa đủ linh hoạt để hỗ trợ việc scale nhanh chóng các tính năng.

Bài toán đặt ra

Cần phải thiết kế lại cả hai — giao diện mới và cơ chế động lực mới. Thiết kế lại cách học sinh cảm nhận tiến bộ và hình thành thói quen, trong khi vẫn đáp ứng được tốc độ phát triển tính năng từ hệ thống giáo dục.

Evolution & Strategy

Từ PleaseSpeak
đến Examdee.

Learning platform
Learning experience
Hoàn thành bài tập
Tiến trình & thành tựu
Nội dung là trung tâm
Người học là trung tâm
Một giao diện cho tất cả
Trải nghiệm riêng cho từng vai trò
Trước — PleaseSpeak
PleaseSpeak
Sau — Examdee
Examdee

Hai giao diện,
một bước ngoặt

Nhìn lại UI cũ để hiểu sự thay đổi

PleaseSpeak ban đầu được xây dựng như một nền tảng học tập trực tuyến, tập trung vào việc cung cấp nội dung và bài tập cho học sinh. Tuy nhiên, sau một thời gian vận hành, một vấn đề cốt lõi dần lộ rõ.

Hành trìnhtạonênExamdee.

Từ những thách thức đến giải pháp thiết kế

Research & Discovery

Hiểu học sinh
trước khi thiết kế.

"Điều học sinh muốn không phải là học ít hơn — mà là cảm thấy giỏi hơn mỗi ngày."

RESEARCH_CHRONICLES
Phân tích hành vi
85%85% học sinh quay lại nhờ xếp hạng

Theo dõi session recordings và heatmap để xác định điểm mà học sinh hứng thú nhất. Phát hiện ra cơ chế gamification và thành tích là yếu tố giữ học sinh quay lại nhiều nhất.

HeatmapSession recordingUser Path
Khảo sát người dùng
12Học sinh muốn cảm thấy giỏi hơn

Thực hiện khảo sát với học sinh Tiểu học và THCS. Insight nổi bật: các em muốn cạnh tranh cùng bạn bè, thích chơi game và thấy rõ mình đang tiến bộ từng ngày.

Qualitative
Competitive Research
03Feedback tức thì + Phần thưởng

So sánh Duolingo, Kahoot, Khan Academy — tìm ra công thức chung: feedback tức thì + phần thưởng có ý nghĩa + bảng xếp hạng = habit được hình thành.

DuolingoKahootKhan Academy

Discovery Protocol

Một insight.
Toàn bộ hướng đi.

Step 01 — Synthesis

"Học sinh hứng thú nhất khi thấy mình đang thắng."

Dữ liệu cho thấy học sinh không rời bỏ vì độ khó, mà vì cảm giác "chán và sự khô khan của giao diện, không có cảm giác chiến thắng và công nhận". Cảm hứng phải đến từ sự sinh động và động lực để cố gắng từng ngày.

Step 02 — Framing

Làm thế nào để giao diện trên Examdee tạo ra cảm giác thân thiện, có độ cạnh tranh và phần thưởng hấp dẫn?

Step 03 — Strategic Principles

01

Engagement Strategy

Xếp hạng tạo động lực thật

Bảng xếp hạng không chỉ để so sánh — nó tạo ra mục tiêu cụ thể cho mỗi học sinh mỗi ngày.

02

Personalization

AI cá nhân hoá hành trình

Ken và Hana không trả lời chung chung — họ biết học sinh đang ở đâu và cần gì tiếp theo.

03

Reward Economy

Phần thưởng có ý nghĩa thật

DeeCoins, trang phục nhân vật, huy hiệu — không phải decoration, mà là bằng chứng của nỗ lực.

Design Process

Từng bước.
Từng quyết định.

Research & Phỏng vấn

Discover

Phân tích hành vi người dùng, khảo sát học sinh, giáo viên và phụ huynh tiến hành competitive research để xác định cơ hội thiết kế.

Tổng hợp & Định hướng

Define

Từ những discovery, chúng tôi tổng hợp lại thành các design patterns tập trung vào 3 trụ cột: Cảm giác chiến thắng, sự cá nhân hoá và hệ thống phần thưởng có ý nghĩa.

Lên ý tưởng

Ideate

Brainstorm toàn bộ hệ thống gamification, nhân vật AI và luồng tương tác. Lọc xuống các hướng khả thi nhất.

SketchesBrainstorming

Thử nghiệm

Prototype

Lắp ghép toàn bộ mảnh ghép thành một trải nghiệm hoàn chỉnh. Tiến hành Usability Testing với học sinh để tinh chỉnh từng pixel và luồng tương tác.

Usability

05 - Launch

Ship &
Measure

0:00

Avg. engagement time

0

Active users/tháng

0

Tổng học sinh

Strategic Personas

Cùngmộthệthống.
Bahànhtrìnhkhácnhau.

Minh Khôi

Minh Khôi

Học sinh · Lớp 3

8 tuổiHà NộiMáy tính
Student

Hôm nay mình phải leo lên top 3 bảng xếp hạng.

GOALS

  • Leo top bảng xếp hạng lớp mỗi tuần
  • Mở được trang phục mới cho Ken
  • Duy trì streak 7 ngày liên tiếp

PAIN POINTS

  • Không biết mình đang tiến bộ đến đâu so với bạn bè
  • Học xong không có gì để mong chờ tiếp theo

SOLUTIONS

  • Bảng xếp hạng real-time — luôn có mục tiêu cụ thể
  • DeeCoins, huy hiệu, trang phục — nỗ lực có phần thưởng thật
Cô Lan Anh

Cô Lan Anh

Giáo viên Tiếng Anh

7 năm kinh nghiệm120 học sinh3 lớp
Teacher

Tôi cần biết em nào đang cần hỗ trợ — ngay hôm nay, không phải cuối tháng.

GOALS

  • Theo dõi tiến độ 120 học sinh không dùng Excel
  • Có báo cáo xuất ngay cho ban giám hiệu và phụ huynh
  • Tập trung giảng dạy thay vì chấm bài thủ công

PAIN POINTS

  • Chấm bài thủ công hàng trăm bài mỗi tuần
  • Không có data cụ thể khi họp phụ huynh

SOLUTIONS

  • Dashboard tự động — tiến độ từng học sinh hiện rõ
  • Báo cáo xuất ngay, không cần tổng hợp thủ công
Thầy Trần Tuấn Anh

Thầy Trần Tuấn Anh

Trung tâm học thuật · BME

38 tuổi5 trường~600 học sinh15 giáo viên
Organization

Tôi cần giao đề thi cho 5 trường cùng lúc — không phải gửi file Word qua Zalo từng người.

GOALS

  • Giao đề thi đồng loạt cho toàn bộ trường trong khu vực
  • Nắm được tình hình học tập toàn hệ thống qua một màn hình
  • Xuất báo cáo hàng loạt gửi lên cấp trên mà không mất cả ngày

PAIN POINTS

  • Tạo và phân phối đề thi thủ công qua file Word & Zalo
  • Không có cái nhìn tổng thể hệ thống, phải gọi điện hỏi từng người

SOLUTIONS

  • Tạo và giao đề thi cho 5 trường chỉ trong vài thao tác
  • Dashboard tập trung quản lý học sinh & giáo viên toàn khu vực
  • Xuất báo cáo hàng loạt tự động, sẵn sàng gửi cấp trên ngay

Design Decision · 01

Mộtsảnphẩm.Haingônngữthiếtkếhoàntoànkhácnhau.

Thiết kế tốt không phải là tìm điểm chung — mà là hiểu từng người dùng đủ sâu để phục vụ đúng nhu cầu của họ.

Student Interface

Bắt đầu học!

NunitoBo trònGamifiedMàu sắc tươiNav tối giản

Navigation đơn giản, tối thiểu hoá lựa chọn — học sinh chỉ cần tập trung vào một việc: học.

Teacher · Admin

Báo cáo tháng 4

InterSắc nétData-focusedProfessionalDashboard

Information density cao hơn — giáo viên và quản lý cần thấy toàn cảnh, không đơn giản hoá quá mức.

Nunito được chọn độ thân thiện với mắt trẻ em. Inter được chọn khả năng hiển thị data ràng mọi size từ số liệu nhỏ đến heading lớn trong dashboard.

NunitoInter

Hai typeface. Một quyết định thiết kế.

Key UX Decisions

Leaderboard.Gamification.Mascot.Integrity.
01Leaderboard
02Gamification
03AI Mascot
04Integrity

Scroll để khám phá

01
Leaderboard
Top 10 trong
120.000 học sinh.

Không giới hạn trong lớp.

Quyết Định

Cập nhật realtime mỗi 1 phút, phạm vi toàn hệ thống — vượt ra ngoài ranh giới lớp học.

Tại Sao

Top 10 trong 120.000 học sinh tạo ra tham vọng khác hẳn Top 1 của một lớp 40 người.

Impact

Học sinh tự tìm đến app để leo hạng — không cần ai nhắc.

02
Gamification
Nhiều cách thắng.
Không ai bị bỏ lại.

Đa tầng. Đa chiều.

Quyết Định

Streak + Daily Mission + DeeCoins + DeeGems + Huy hiệu + Trang phục + Olympia + Marathon.

Tại Sao

Chỉ một hệ thống điểm số sẽ demotivate học sinh yếu — đa tầng tạo ra nhiều loại chiến thắng.

Impact

Mỗi học sinh đều có thứ để hướng tới, dù giỏi, chăm hay thích sưu tầm.

03
AI Mascot
Không phải chatbot.
Là người bạn thật sự.

Ken & Hana — theo giới tính.

Quyết Định

Hai mascot AI: Ken cho học sinh nam, Hana cho học sinh nữ — hỗ trợ học tập và trò chuyện tự nhiên.

Tại Sao

Trẻ tiểu học kết nối mạnh hơn với nhân vật cùng giới. Trang phục thay đổi tạo ownership cá nhân.

Impact

Học sinh cảm thấy có người bạn đang học cùng — không chỉ là một ứng dụng.

04
Integrity
Học thật. Thi thật.
Thiết kế cho sự trung thực.

Integrity by Design.

Quyết Định

Popup cam kết trước khi thi, phát hiện chuyển tab / copy / AI, màn hình toàn màn hình bắt buộc.

Tại Sao

Examdee thiết kế UX tạo cam kết tự nguyện trước — thay vì chỉ cấm đoán sau.

Impact

Kết quả phản ánh năng lực thật — tạo niềm tin cho giáo viên, phụ huynh và nhà trường.

Key UX Decisions → Design Journey

Từquyếtđịnhđếnhìnhhài.

Bây giờ, hãy xem cách Examdee được định hình từ những lựa chọn đó.

Design Journey

Vui vẻ, thân thiện, đầy năng lượng
ngay từ cái nhìn đầu tiên.

Logo Examdee được thiết kế với mục tiêu biến việc học trở nên thân thiện và sinh động hơn. Phong cách bo tròn, màu sắc tươi sáng cùng các ký tự như những "nhân vật nhỏ" giúp tạo cảm giác vui vẻ, dễ tiếp cận và phù hợp với tinh thần gamification.

Examdee Logo

Mỗi chi tiết trong logo đều mang một ý nghĩa

Hành trình học tập

Màu sắc đại diện cho hành trình học tập — khám phá, thử thách và tiến bộ.

Hình khối bo tròn

Hình khối bo tròn giúp giảm áp lực và tạo cảm giác thân thiện.

Thành tựu

Phần thưởng

Các chi tiết gợi liên tưởng đến thành tựu và phần thưởng, làm động lực cho quá trình học tập.

Design Journey → Mascot System

Khiviệchọctrởnênthúvị,mọihànhtrìnhđềucầnmộtngườiđồnghành.

Xin chào, mình là Ken

Chào bạn, mình là Hana !

Ken AI Mascot (Back)Hana AI Mascot (Back)
Ken AI Mascot (Front)Hana AI Mascot (Front)

Người bạn AI logic, rõ ràng, giúp bạn giải quyết từng bước.

Người bạn AI tích cực, nhẹ nhàng, giúp bạn duy trì động lực học.

Ken — The Rational

Người bạn đồng hành
lý trí.

Ken là trợ lý AI đồng hành trong quá trình học, mang tính cách điềm tĩnh, logic và trực tiếp. Ken giúp bạn tập trung giải quyết vấn đề từng bước một cách rõ ràng và hiệu quả.

Ken Front View
Ken Left View
Ken Back View
Ken Right View

Hana — The Emotional

Người bạn đồng hành
tích cực.

Hana là trợ lý AI đồng hành với năng lượng nhẹ nhàng và tích cực. Hana luôn khuyến khích và giúp bạn duy trì động lực, để việc học trở nên thoải mái và dễ tiếp tục hơn mỗi ngày.

Hana Front View
Hana Left View
Hana Back View
Hana Right View

Không chỉ một diện mạo

Bên cạnh phiên bản mặc định, Ken và Hana còn có những trang phục đặc biệt được thiết kế cho các ngữ cảnh và sự kiện khác nhau trong hành trình học.

Student Experience

Trải nghiệm học tập mới.

Giao diện trang chủ được thiết kế tối ưu hóa cho học sinh, giúp dễ dàng theo dõi tiến độ học tập, tham gia bài thi và ôn luyện.

Học sinh Trải nghiệm
Trải nghiệm Máy tính bảng
Gamification Design
Missions

Gamification Design

Hành trình
khám phá.

Với Examdee, việc học không còn là gánh nặng mà trở thành một cuộc phiêu lưu lý thú. Chúng tôi đã thiết kế các yếu tố Gamification một cách tinh tế, biến các nhiệm vụ học thuật khô khan thành những cột mốc chinh phục đầy hào hứng.

Sử dụng các cơ chế phần thưởng trực quan và menu nhiệm vụ sinh động, hệ thống giúp kích thích sự tò mò và tạo động lực học tập bền vững cho mọi học sinh.

Motivation Loop

Nhiệm vụ rõ ràng,
tiến bộ rõ rệt.

Với hệ thống nhiệm vụ được thiết kế trực quan, học sinh dễ dàng nắm bắt lộ trình học tập mỗi ngày. Không còn sự mông lung khi bắt đầu ôn luyện.

Kết quả học tập được cập nhật liên tục qua thanh tiến trình, giúp tạo động lực và theo dõi sự phát triển của bản thân một cách sinh động nhất.

Exam Interface

Chọn đề. Bắt đầu ngay.

Danh sách bài thi được thiết kế để học sinh hành động trong vòng 3 giây — không cần đọc hướng dẫn.

Exam Results

Thi xong. Hiểu ngay.

Không chỉ hiển thị điểm số — mà cho học sinh thấy mình đang đứng ở đâu trong 125 thí sinh.

Exam List Interface
Exam Result Detail

Diverse Experiences

Đa dạng bài thi.

Multiple choice, Listening, Speaking — mỗi kỹ năng một trải nghiệm riêng, cùng một ngôn ngữ thiết kế nhất quán.

Speaking exam interface
Listening exam interface
Multiple choice exam interface

Leaderboard Arena

Cạnh tranh. Thời gian thực.

Vinh danh Top 3. Vị trí của bạn luôn được ghim và cập nhật từng giây.

Examdee Leaderboard Interface

Đấu Trường Olympia

Giải trí nhưng vẫn đầy đủ kiến thức.

Biến những bài kiểm tra khô khan thành một đấu trường kịch tính. Học sinh được hoà mình vào không khí thi đấu sôi nổi, chinh phục từng câu hỏi để giành lấy DeeCoins — một trải nghiệm vừa chơi vừa học cực kỳ cuốn hút.

Olympia Home
Olympia Playing

Achievement System

Hệ thống thành tích.

Ghi nhận quá trình học tập hằng ngày, giúp người dùng nhìn thấy rõ sự tiến bộ qua từng cột mốc.

Tân thủ

Tân thủ

Thói quen vàng

Thói quen vàng

Cao thủ luyện đề

Cao thủ luyện đề

Người chăm chỉ

Người chăm chỉ

Virtual Currency

DeeGems & DeeCoins.

Được tích lũy từ hoạt động học tập, dùng để đổi vé chơi game trí tuệ và mở khoá vật phẩm, trang phục.

DeeCoins
DeeGems

Badge System

Hệ thống Huy hiệu.

Phần thưởng cho các thành tích nổi bật khi tham gia bài thi và giải đấu trên hệ thống.

Chăm học

Chăm học

Đồng hành

Đồng hành

Em chăm em giỏi 2026

Em chăm em giỏi 2026

AI Collaboration

Trò chuyện cùng AI.

Tương tác trực tiếp cùng Ken và Hana. Trợ lý AI luôn sẵn sàng giải đáp và đồng hành cùng bạn ở bất cứ đâu.

Ken AI Mascot Talking
AI Chat Interface
Character outfit 1
Character outfit 2
Character outfit 3
Character outfit 4
Character outfit 5
Character outfit 6
Character outfit 7
Character outfit 8
Character outfit 1
Character outfit 2
Character outfit 3
Character outfit 4
Character outfit 5
Character outfit 6
Character outfit 7
Character outfit 8

Mascot Outfits

Phần thưởng sau giờ phút chăm chỉ.

Cửa hàng trang phục nhân vật của Examdee — nơi học sinh dùng điểm thưởng tích lũy để sắm những bộ outfit độc đáo cho Ken và Hana. Mỗi bộ trang phục là một dấu ấn của sự nỗ lực và thành tích.

Examdee Character Store

Design System

DeeUIHệthốngthiếtkếđằngsaumọithứ.

Từ nút bấm đến bảng xếp hạng, từ màu sắc đến typography — tất cả những gì bạn thấy trên Examdee đều được xây dựng trên một hệ thống duy nhất: DeeUI.

Khám phá DeeUI
Examdee UI Frame 1
Examdee UI Frame 2
Examdee UI Frame 3
Examdee New UI
Examdee Store
Examdee Please Speak UI
Examdee AI Chat
Examdee Homepage
Examdee UI Frame 1
Examdee UI Frame 2
Examdee UI Frame 3
Examdee New UI
Examdee Store
Examdee Please Speak UI
Examdee AI Chat
Examdee Homepage
Examdee Homepage
Examdee AI Chat
Examdee Please Speak UI
Examdee Store
Examdee New UI
Examdee UI Frame 3
Examdee UI Frame 2
Examdee UI Frame 1
Examdee Homepage
Examdee AI Chat
Examdee Please Speak UI
Examdee Store
Examdee New UI
Examdee UI Frame 3
Examdee UI Frame 2
Examdee UI Frame 1

Competition

Đồnghànhcùngcácemhọcsinhtrongcáccuộcthi

Examdee không chỉ là nơi học tập, mà còn là đấu trường tri thức đầy cảm hứng, nơi chắp cánh cho những tài năng nhí vươn xa.

Examdee Stem 01
Examdee Speak
AI Chat Interface
New UI Design
Ken Talking
Student using tablet
Web Platform

Impact & Reach

Những con số
ấn tượng.

0 +
học sinh

Sử dụng Examdee

0 +
học sinh

Ôn luyện và tham gia Examdee hàng ngày

Primary Interface
Examdee Logo

Trải nghiệm học tập
thông minh

Trải nghiệm thêm tại:

examdee.ai-vietnam.vn