Empowering Education with aI-powered assistance
UXUI Design · SaaS · B2B · AI Agent
Collegebot is an AI teaching assistant for public colleges. It integrates with campus systems securely, offers 24/7 support, and helps students, professors, and administrators improve efficiency and engagement.
Public colleges face 1 advisor for 1000 students and heavy professor workloads. AI can bridge this gap, but the challenge is designing simple, trusted, and accessible experiences tailored for underserved schools.
Year
2024
Timeline
4 weeks
My Role
UX/UI Design, UX Research, Strategy, Product Management, Marketing
Contributors
AI Engineers x4, Project Manager x1
Impact
What We Achieve in 4 Weeks
Before 30 mins, NOW 3 mins
Before 3 pages, NOW 1 page
MVP delivered in 8 weeks through agile collaboration
Overview
My Role
As the Founding and Lead Product Designer for CollegeBot.AI, I drove the end-to-end design from 0 to 1, leading research, strategy, development, and launch. By shaping core features through wireframing, prototyping, user testing, and A/B testing.
Final Output
Web App For Instructors and Students
For Instructor:
1. Automate Repetitive Queries
2. Track Student Engagement
3. Enhance Teaching Efficiency
For Student:
1. Get Timely Academic Support
2. Discover Campus Opportunities
3. Plan Studies and Career Path
Research
❌First Try: All-in-One Campus Network
What we hear from our users...
Challenge
Problem Statement
Research
Meet Main Users
What users want? <-> What current market have?
Ideation
User Flow 1.0
Ideation: For MVP Version
Iteration 01: Asynchronous Creation Logic
Ideation: After Launch
User Testing
User Flow 2.0
Iteration 01: Upload Feedback
Iteration 02: Easy Sharing And Monitor
Iteration 03: Quick Navigating and Adding
Iteration 04: Organized History
Final Design
What establishing a design system?
Colors, LOGO, Buttons, Spacing
Background
MVP lacked a design system.
Hard to reuse components and keep visual consistency.
Outcome
Built color + spacing guidelines.
Standardized buttons, icons, and branding.
Cards, Pop-ups, Inputs
Background
MVP had no system for states and components.
UI elements inconsistent, harder to maintain.
Outcome
Defined clear card and file states.
Standardized popups and input box for reuse.
