Digital Accessibility:
This site was included in a response to a civil rights lawsuit filed against Northeastern (as well as 49 other higher education institutions) on the grounds that many of the web properties for the university were not meeting digital accessibility standards.
One of the main hopes in building this site was that it would demonstrate an urgency by the university to inform the community about digital accessibility and provide resources for designers, developers, and content creators looking to make their currently existing sites more accessible.
The weight of this legal tension meant that our team was under immense pressure to ensure that the site was as accessible as possible.
My role:
- Site mapped
- Wireframed
- Composed copy
- Guided interface design of the student communications assistant I supervise
- Worked with a developer and a digital accessibility expert to iterate on the design over and over to ensure maximum accessibility for users with disabilities
View the Digital Accessibility Site
LinkedIn Learning:
In mid-summer of 2019, the educational site Lynda.com became LinkedIn Learning, a transition which presented many new features as well many warranted questions. Northeastern students, faculty, and staff have been offered free access to Lynda.com for years, so this site was created to inform the community about LinkedIn Learning and what to expect in the transition.
This site was unique because it was the first in which I stayed entirely away from Northeastern’s branded red, a choice that is allowable in the University’s brand guidelines if one is working to create certain “moods.” I wanted the site to mimic LinkedIn Learning’s blue, black, and white interface, while still utilizing Northeastern’s brand colors.
My role:
- Site mapped
- Wireframed
- Designed the interface
- Iterated on site based on stakeholder feedback
View the LinkedIn Learning Site
Service Portal:
This 700+ page portal is the go-to place for Northeastern community members to access tech documentation, submit requests for services and tech support, and chat with tech support.
Late in the summer, it was decided by the university that this portal desperately needed a refreshed design, so I was asked to take the lead on working with the vendor to achieve this on an incredibly tight timeline.
It was the first site in which I was not physically creating the site myself in WordPress. Instead, I was directing a developer how to modify every element using CSS and HTML.
Additionally, the scale and importance of this site to the Northeastern community created an urgency for in-depth user-research, which I have been leading the charge on this Fall.
My role:
- Redesigned interface
- Analyzed google analytics data
- Conducted user-testing
- Analyzed user-testing data
- Provided recommendations for development changes based on user-testing
Connect to Tech:
This site functions as a series of landing pages (each targeted at different audiences) offering information about connecting to technology on the Northeastern campus. The site’s design matches that of a welcome pamphlet directing users to their specified page.
This site was unique because it was the first time I was asked to design a site with a similar look and feel to a print piece that I didn’t design. This pushed me to step out of my comfort zone and experiment with new colors and layouts.
My role:
- Site mapped
- Wireframed
- Designed interface
- Iterated on site based on stakeholder feedback.
Get Secure:
This resource website informs the Northeastern community about how to protect themselves from cybersecurity threats.
The goal of the site was to make this complicated subject matter feel really interactive and fun, while still being very informative. The site’s conversational copy and corresponding visuals make one feel like they’re reading an infographic, and I incorporated interactive “learning checks” to keep users more engaged as they learn.
My role:
- Met with subject-matter experts and stakeholders to better understand expectations and cybersecurity issues facing the Northeastern community
- Conducted an audience-survey to assess cybersecurity knowledge gaps and perceptions in the community
- Used survey data to develop key personas
- Site mapped
- Wireframed
- Prototyped
- Conducted user-research using low-fidelity prototype
- Analyzed data to inform design
- Designed interface
- Integrated subtle animations to further enhance the user’s experience of the site
- Conducted more user-testing, this time on the functioning site rather than on a prototype
- Analyzed data and iterated on the design before the site’s official launch
