Lyanna Nguyen
◂ Back to works
#IncludeLinguistics Club Website

Mapping opportunities for linguistics students, in school and beyond

I designed the Opportunities page, helping linguistics majors find opportunities both in school and beyond it.

Linguistics Club website home page with a lavender bird mascot and a Join our Discord button
Project details
Client
UC Davis Linguistics Club
Project type
Client website · #Include Winter/Spring cohort
Timeline
Jan – May 2026
My role
Product Designer
Platform
Desktop and mobile
Team
2 co-leads, 5 designers, 7 developers
Tools
Figma, FigJam
Status
Complete
▾ Read the case study
01 · Overview

Streamlining access to club and academic information for UC Davis linguistics students.

This project began in a two-quarter #Include design cohort, with the goal of increasing outreach and improving access to club and academic resources for UC Davis linguistics students. Our team set out to design one central website that clearly communicates club information, meeting schedules and pathways within the linguistics major.

I owned the Opportunities section. I translated research and content requirements into a structured, user-centered experience, and through iterative wireframing from low to high fidelity, organized academic resources into a clear format that makes information easy to find.

My impact
  • Designed the Opportunities pages, from lo-fi sketches to hi-fi prototypes.
  • Ran a competitive analysis of 3 linguistics organization sites.
  • Helped build the site’s information architecture.
  • Ran usability testing at every stage, from lo-fi wireframes to hi-fi prototypes.
  • Owned 3 design sprints and delivered 3 key pages.
The challengeLinguistics students had no central, accessible source for club info, meeting schedules and academic resources.
The solutionAn Opportunities section that organizes academic resources into clear, browsable pages.
The outcome3 key pages across 3 design sprints, for a community of 150+ students.
▸ Try the interactive prototype
02 · The challenge

Students had no single place to find club and academic info

Problem statement

UC Davis Linguistics Club students lacked a centralized and accessible source for club information, meeting schedules and academic resources.

As a newly established club, a weak information structure limited outreach and reduced engagement, making it hard for students to discover opportunities within the linguistics major and community.

Who I designed for

150+ linguistics students, from undergrads to grad students

Undergrad and grad studentsStudents in the UC Davis Linguistics program.
Club membersCurrent Linguistics Club members and prospective members.
Pathway explorersStudents exploring academic pathways and opportunities in linguistics.
03 · Research

Students struggled to find the basics, from meeting times to ways to get involved

We interviewed club members and board representatives, I ran a competitive analysis of 3 peer linguistics sites, and we sorted every note into themes over three rounds of affinity mapping.

User interviewsCompetitive analysisAffinity mappingPersonaUsability testing
Final affinity map with sticky notes grouped into themes such as visual hierarchy, meeting times, color palette and branding, finding info and community
Final affinity map: interview notes sorted into themes like meeting times, finding info, visual hierarchy and community.
What I found

The information was there, but students had to dig to find it

01 Information structure
  • Text-heavy, unstructured pages
  • No system for archiving past events and work
02 Navigation clarity
  • Hidden or unclear calls to action
  • Events and resources were hard to discover
03 Visual hierarchy
  • Weak hierarchy and inconsistent typography
04 Engagement
  • Static content that gave students little reason to return
How it shaped my page I built the Opportunities pages around a program search, quick filters and scannable cards, so students can browse instead of digging.
04 · Process

From research to a tested prototype in 7 weeks

A 7-week sprint, from user research to hi-fi prototypes. Hatched blocks show the parts I owned.

Phase 1Weeks 1–3
Phase 2Weeks 3–4
Phase 3Weeks 5–6
Phase 4Weeks 6–7
User research
Wireframes
Hi-fi UI design
Prototyping
Research plan + interviews
Competitive analysis
Affinity mapping
Information architecture
Opportunities lo-fis
Design system
Opportunities hi-fis
Mid-fi to hi-fi prototypes
Usability testing
Team My role
Mid-fi wireframes

Usability testing the mid-fi showed where students got lost

Animated walkthrough of the mid-fidelity Opportunities page prototype
The mid-fi we put in front of students in usability testing, scrolling from the scalloped hero to the alumni carousel.
Mid-fidelity wireframe of an alumni profile modal
Mid-fi alumni profile pop-up.
Mid-fi to hi-fi

Repeating boxes buried the page’s goal, so we cut them back

Usability testing on the mid-fi showed the visual density created more friction than help. Toggle between Before and After to see each problem and how the final design fixed it.

Full mid-fi Opportunities page
Before · Mid-fi (scroll)
Problems found in testing
  1. No clear starting pointStudents landed on a wall of text with no search or filters to guide them.
  2. Three boxes per program, repeatedA name box, a gray text block and an image box made every listing heavy, and the pattern repeated in every section.
  3. An alumni section we couldn't fillThe club is too new to have alumni to feature.
Final Undergraduate Programs page
After · Final (scroll)
How the final design solves it
  1. Search comes firstAfter talking with the client, a program search and filters sit right under the title.
  2. One light card per programEach listing became a photo, a title and a tag in an open grid that eases visual strain.
  3. Alumni section cutWe removed it as not feasible for a club this new, keeping the page on current opportunities.
05 · Final designs

Opportunities, organized for quick browsing

Interactive prototype

Click through the final Opportunities pages

Try it: search and filter, swipe the filter chips, open a program and save it, or switch between Undergraduate and Graduate from the menu. Toggle Desktop to see the same flow in a browser. Program cards use the images and titles from the final Figma designs.
06 · Impact

3 key pages delivered for 150+ students across 3 sprints

150+Students the site serves
3Design sprints owned
3Key pages delivered

The project wrapped up at the end of spring quarter 2026.

07 · Reflection

My first UI/UX project taught me to design for people, not just screens

The #Include design team holding certificates of completion at Demo Day, in front of a slide showing the Linguistics Club typography
My team at #Include Demo Day, showcasing the project we worked on for 7 weeks. I'm third from the left.
What I learned

Good design serves the people you design for, not just the visuals

This was my first time designing with the full UI/UX process, and my first time designing for a real client. It taught me to look past how a page looks and dig deeper into the user-oriented issues underneath, like whether students could actually find what they came for.

If I had more time

I would grow the club's reach with the people who know the major best

I would sit down with the client again to plan further outreach for the site, and talk with more Linguistics professors and TAs to uncover more opportunities and new ways to get linguistics students involved.

◂ BackAll work Next ▸Triceratops Website