“I met my counselor once junior year. Ten minutes, and it was about my class schedule. I found out about fee waivers from a TikTok.”No FAFSA help · Unaware of fee waivers · No college list
AI Powered College Advisor
Live at hiobee.com, grown entirely through word of mouth, and cited as a case study in a UC Davis design course.

Obee is a free AI college advisor for high school students and community college transfers. A guided conversation builds an honest, tiered list of schools that actually fit, in five languages.
I designed and built it alone, from paper sketches taped to my dorm wall to a live product at hiobee.com.
- Client
- Independent project
- Role
- Solo designer and developer
- Timeline
- June 25 to July 21, 2026
- Stack
- Vanilla JS · Vercel · Claude Sonnet 4.6
- Price
- Free for students
Where it started
Before UC Davis I attended a community college in San Francisco. Deciding which university to attend and which major to pursue, I felt overwhelmed by the number of options and by the articulation agreements between colleges and universities.
With so many students preparing to transfer, my counselors did not always have time to meet with me, and our appointments were short. I started using ChatGPT as an extension of my advising, to filter information about prerequisites, courses and grades and to reach the right links faster. It helped, but I kept thinking that I wished I could standardize those conversations, so that everyone going through the same transition could start from a conversation already full of context.
Good advice shouldn't depend on your zip code
My experience was not unusual. The American School Counselor Association has recommended one counselor for every 250 students since 1965. In the 2023/24 school year the national average was 376:1, with 49,404,386 public-school students sharing 131,230 counselors, and that average hides a massive spread between states.
Who gets help, and who doesn't
Caseloads are only half the story. Even when a counselor exists, college advising competes with schedules, testing, discipline and mental-health crises, and private schools invest in it far more than public ones.
students attended a school with a police officer or security guard but no school counselor.U.S. Dept. of Education, Civil Rights Data Collection 2020/21
How each state compares
Only 3 of 51 (50 states and D.C.) meet the 250:1 standard. The map shows every state's students-per-counselor ratio, with the worst, the best and California called out.
Listening to students
Numbers show the gap, and students explain what it feels like. Before designing anything I went looking for their side of the story online, in forums where students talk about applying and transferring.
I also talked with local students at City College of San Francisco who were going through the same transfer process I had, and collected more answers through a Google Forms survey. These are the themes that kept coming up.
Who Obee is for
Personas drawn from the research, each one a composite of the students I heard from.
“Reddit was my counselor. I wrote my UC essays at 1 a.m. because that's the only time I had, and there's no one to ask at 1 a.m.”Only free after midnight · Essay feedback · UC vs CSU confusion
“My counselor has 500 kids. She knows the ones in trouble and the ones in AP. If you're in the middle, you're invisible.”Invisible 'middle' student · No scholarship guidance
“She's here on Tuesdays. If my question comes up on a Thursday, it waits a week, and deadlines don't wait.”Part-time access · Missed early deadlines
“I translate every financial-aid form for my parents, and I'm scared one wrong answer on the FAFSA puts my family at risk.”Language barrier at home · FAFSA fear · No bilingual guidance
“Coaches email me, but nobody at school explains NCAA eligibility or which offers are real. I'm guessing with my future.”Recruiting confusion · Eligibility rules
“My friends' parents paid a private consultant $200 an hour. I had YouTube and a spreadsheet I made myself.”Private help is unaffordable · Overwhelming options
“I met my counselor six times senior year. We built my list together. It felt like someone was actually on my team.”(What good access looks like)
Students don't lack ambition or information. They lack a knowledgeable person who knows their situation and is there when they need it.
From paper to product
The idea stayed an idea until my Design Drawing class at UC Davis in Winter 2026, whose final project let us sketch a UI/UX experience. Seeing how quickly good ideas came out of rapid sketches, I started drawing the advisor I had always wanted.
Without a whiteboard, I used the blank sheets left over from class, drew the screens one by one and taped them to the wall of my dorm room, so I could see the whole experience and the flow between screens at once.

Next I translated the sketches into Figma, designing each screen the way I had pictured it. I worked in a hybrid between mid and high fidelity, adding enough color to get a feel for what students would actually see, and then built the product from there.
Screens added later in the process skipped the Figma stage and took their visual style from the screens already designed, so the whole intake reads as one family.
Homepage





Getting to know each student
Each path asks 12 to 13 questions. These are the screens as they moved from paper to Figma to the shipped product, where every step gained its own Obee illustration and a free-text field that accepts anything the buttons can't capture.






The sketched toggle became two sliders, one for cumulative GPA and one for transferable GPA.

Added after the sketches were done, so its style follows the screens already designed.


Built on the GPA slider.







The stacked class cards from the sketch survived all the way to the product, which later added a transcript upload.

Grew out of the AP and IB screen, with a short explainer for students who don't know what IGETC is.




Extracurriculars moved to free text, because they range from sports to caring for family at home.




Styled after the out-of-state screen.








The sketched loading screen became Obee scanning thousands of schools.

An advisor that asks before it answers
Generic chatbots answer confidently even when they are guessing. Obee does the opposite. Each text box calls Claude to extract profile data from the intake and return a structured recommendation grounded in the documentation already in Obee's brain, including IGETC, TAG, ASSIST.org and Transferology.com, which is all the context I once wished I could bring into my own AI conversations.
If information is missing, Obee asks a question instead of making something up. Once the profile is complete it classifies schools, explains its reasoning and suggests next steps for students who want to strengthen their profile.
Quick-reply buttons, sliders, dropdowns and course cards, plus a free-text field on every step. Claude reads the free text, fills in profile fields and skips questions the student already answered.
Students can speak their answers, or upload a photo or PDF of a transcript that Claude turns into the course list.
A top pick with reasoning and up to eight schools tiered safety, target and reach, each marked verified when backed by ASSIST, TAG, IGETC or published data, or general when it is a broad estimate.
Students can ask about their results and request a rebuilt list, and the list arrives by email.
English, Spanish, French, Chinese and Hindi, including the AI's replies.
A "Not sure" answer on the first-gen question opens an explainer instead of a dead end.
Under the hood
Obee is a framework-free static site with two serverless functions on Vercel, about 7,900 lines of hand-written JavaScript, CSS and HTML. The browser never calls Claude or Resend directly, so the key, the advisor prompt and the limits all live on the server.
A friend, not a clinical chat window
Obee's identity is built around an obelisk, which I chose as a symbol of knowledge, wisdom and guidance, something that stands as a lasting source of information.
The character is intentionally playful and approachable, with one oversized eye and soft rounded limbs, so Obee feels like a friend accompanying you through the process rather than a flat, intimidating or overly clinical AI interface. Every intake step has its own Obee scene.

#BB8AF9Primary#FCD18DPrimary#85A5FEGradient#FDF6ECBackgroundPurple and gold give the logo and site a warm tone. Type is Poppins for the interface, with Elms Sans and Schoolbell for accents.
Free for every student
Every intake costs money in API calls, and I cover the infrastructure myself so Obee can stay free for students. It is my way of giving others the tool I wish I had when I was transferring.
Growth has been entirely organic, to the point that Obee reached the first page of Google for "Obee AI". The product is complete, has regular users, and the API budget I set aside keeps it running for students.
Research sources
- ASCA, Student-to-School-Counselor Ratio 2023/2024 (NCES Common Core of Data)
- ASCA, Updated Student-to-School-Counselor Ratio Data (Dec. 2024)
- NACAC, School Counseling (NACAC/EAB counselor survey; U.S. Dept. of Education CCD 2021/22)
- Education Week, College Advising Is in Short Supply in U.S. High Schools (NACAC 2018 survey of 2,251 counselors)
- CSBA, 2020/21 Civil Rights Data Collection (U.S. Dept. of Education, Office for Civil Rights)
