College Guide

Navigate college life with the mental health guidance you deserve.

Web Design
Illustration
Client
National Alliance on MentalIllness (NAMI)
Team
Illustrator - Esther Chen
Developer - Boron Studio
Scope
Web design, illustrations, and development

Empowers college students and professors with essential resources and knowledge to navigate challenging times, fostering resilience and mental well-being.

A series of smartphones displaying different pages of a mental health guide on their screens. Each phone screen features vibrant illustrations related to student life and mental well-being, using shades of blue and green. The guide content is easy to read, offering tips and insights in a visually engaging, mobile-friendly format.
Three smartphone screens display different pages from a mental health guide, with text discussing students' approach to mental health and self-care.
A colorful website section design, featuring a banner with the title "About This Guide." The design uses abstract, flat-style illustrations of books and open pages, set against a friendly, pastel color palette of blues, pinks, and yellows. The text explains mental health importance and how students can use the guide to navigate stressors during college.
A monitor in the center displays a colorful website featuring mental health resources, with two cards on either side. The left card reads "The Importance of Self-Care," while the right card encourages proactive mental health practices. The website displayed on the monitor is designed for students and educators to navigate mental health guidance, set against a purple and blue background with illustrations of diverse characters.
A laptop screen displaying the cover of the Mental Health College Guide, featuring three students conversing in front of a school building in a bright, modern illustration.

We focused on making the site more user-friendly by fine-tuning the experience for both students and professors. By reworking the site map and designing layouts that fit each group, we helped create a more supportive and accessible space.

Illustration of a sad person holding a heart with a bandage, surrounded by social media elements like a thumbs-up icon and a smartphone displaying a post with a heart.
Illustration of three students interacting in a friendly manner, with musical notes, basketball, and academic elements in the background, representing a vibrant and diverse school environment.
Illustration of a person meditating with headphones on, surrounded by calming elements like music notes, a book, and a clock, in a circular, peaceful environment.
Illustration of two people giving each other a fist bump, surrounded by floating papers, a pie chart, and other documents, indicating a successful collaboration or achievement.
Illustration of two people having a conversation at a table, one person in a wheelchair, with floating speech bubbles, a heart, and a checkmark indicating a positive and inclusive interaction.
Illustration of a teacher handing a student a paper with a heart on it, with another student looking on, set in a supportive educational environment.

Ready to start?

Let's dive in together to see how we can bring your ideas to life ✨

Connect Now