See the bigger picture.
School, academics, research, and student life pages introduce the college and give visitors a starting point.
NORTHEASTERN UNIVERSITY / BOUVÉ COLLEGE OF HEALTH SCIENCES
A complex college.
A clearer way in.
A college website has to do more than explain an institution. It has to help someone see where they fit—and find the information to take their next step.
My work for Northeastern University’s Bouvé College of Health Sciences brought together UX/UI design, page building, content, and accessibility.
NORTHEASTERN UNIVERSITYBouvé College
of Health Sciences
of Health Sciences
From the first look to the program details.
WHY IT MATTERS
One college.
Many reasons to visit.
A prospective student looking for a program needs a different route from someone exploring research, finding a faculty member, or checking an event. The Bouvé website brings those needs into one institutional experience.
Get to the details.
Program, person, article, and event templates create more focused places to find information.
WHAT I WORKED ON
Across the screen.
Beyond the mockup.
My contribution spanned UX/UI design, refining existing designs, building pages, and working on content and accessibility. It meant considering both the visual experience and how the pages would work in practice.
Shape the experience.
I worked on page layouts and refinements, considering hierarchy, consistency, and how visitors move through information.
Bring pages to life.
I helped carry design decisions into page building, connecting the intended layout with the content it needed to support.
Make information usable.
I worked on content and accessibility alongside the interface, treating clarity as part of the overall experience.
DESIGN DECISIONS
Different pages.
A shared way of thinking.
The page designs connect broad entry points with detailed academic information. Repeated program finders, content cards, and next-step sections create recognizable patterns across different parts of the site.
Make program discovery a familiar task.
The homepage and school layouts repeat a “Find your program” module. Degree-level choices and filters give visitors a recognizable starting point as they move from the college to a more specific area.
See the homepage design ↗Give detailed pages a clear internal structure.
The individual program layout groups application deadlines, admissions requirements, degree options, and curriculum into distinct sections. Local navigation and expandable content organize the longer page.
See the program design ↗Connect exploration with action.
Admissions, research, and program layouts each include next-step sections. Those groups bring actions such as requesting information, applying, or connecting with the college into the same visual pattern.
See the admissions design ↗RESPONSIVE CONSIDERATIONS
The same information needs room on a smaller screen.
The file includes mobile card explorations and a smaller homepage layout. Those explorations make an important trade-off visible: keeping useful content available while adapting the layout to a narrower viewport.
THE WEBSITE / EIGHT PAGE DESIGNS
From the big picture
to the next step.
Explore the page designs below. Open any page to see the full layout, including the content, navigation, and calls to action.
Home
Full page ↗
Academics
Full page ↗
Admissions
Full page ↗
Program Type
Full page ↗
Research
Full page ↗
School
Full page ↗
Single Department
Full page ↗
Single Program
Full page ↗CLOSING THOUGHTS
Clarity is a
shared responsibility.
This work sits at the intersection of design, implementation, and content. A page’s usefulness depends on how those pieces come together: what it emphasizes, how it reads, and how people can interact with it.