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.
Final Output: Landing Page
Reflection & Future Steps
I designed and launched Collegebot’s core dashboard, turning public school needs into a usable AI assistant.
