UX Design  |  Career fair  |  Website | Wireframe

Redesign Engineering EXPO Websites

Feb 2019 - Now, UX Designer & Researcher 


The Challenge​​

  • How to make recruiters and students feel easier to navigate information on the websites?

  • How to provide user-friendly websites for companies and students to complete registration?

  • How to display clear and detailed information with a new look?


My role:

  • Captain of the ship.

  • UX Designer: Think, sketch, and define what experience will be.

  • Prototyper: build the prototypes in Sketch and Figma for low and high-fidelity wireframes.

  • UX Researcher: getting feedback from the previous and current websites to dig pain points. I did Interviews and card sorting for building websites.

  • ​Web Developer: Developed user-friendly websites, including optimized registration and schedule pages.

  • Coordinator: Communicate with different committees to update event information on websites.



Research Stage

Usability of the previous websites

To convey the core information to the target audience and help them easily see, use, and navigate, I led the Usability Testing with effectiveness, efficiency, and satisfaction in the career fair context of use. I recruited 5 participants from Engineering majors to attend the session.

For Students


For Company



I interviewed those 5 participants from Engineering majors to obtain an in-depth understanding of the target users’ values, perceptions, and experiences.

Key Insights

icon-text load.png

The websites have too many texts and hard to find the schedule and location quickly


Some words on the websites do not make sense to international students

The map page is lack of pictures and needs more clicks and descriptions

It is extremely important for students and recruiters to see the schedule and locations


The list of companies and booth map are the most important for students.

The information architecture of the websites is complicated and users feel difficult to navigate the information

The websites need mobile-friendly, with both large and small screens to increase the time that visitors spend on websites. 

Card Sorting

To help design and evaluate the information architecture of the previous websites, participants organized topics into categories that make sense to them and they help to label these groups.

To conduct a card sort, I created actual cards, pieces of paper on post-it to make participants easily operate them.


The pictures of card sorting

Card Sorting Results

Design Stage


Low Fidelity Prototype

Low-Fi EXPO 2019 web design-1st.png

Key Findings

I tested the low-fidelity prototypes with two users. The key findings were the following:

  •  The four icons on the Student Homepage were confusing to users.

  •  The most important information about date and location was not obvious for users.

Mid-Fidelity Prototype


Key Findings

I tested the mid-fidelity prototypes with three users. The key findings were the following:

  •  The schedule and related icons were confusing to users.

  •  The campus map doesn't make sense for recruiters and preferred Google map.

  • The text on the Homepage was too light that users felt difficult to see it.

High-Fidelity Prototype


Key Findings

For the high-fidelity version, I led the redesign of the website and developed the websites. Then I sent out the link for recruiters for registration. After collecting feedback from recruiters about registration process, the key finding was the following:

  •  Users felt hard to navigate the websites. Adding dropdown on the Homepage will help users to understand information architecture.


Next Step


Key Findings

I attended Engineering EXPO 2019 and interviewed 15 recruiters about the feedback of websites. A majority of them gave us positive feedback and thought it helpful to navigate the information!

There are several things need to think and improve:

  • It is hard to know how to go from the parking place to the recruiter registration center. 

  • How to quickly find the specific booth location via a pdf document.