About Us Group 2 Copy

Protection of Minors at MIT MIT/POM

Case Study
Protection of Minors (or “POM”) at MIT is an organization committed to protecting the safety of minors on campus and/or participating in Institute programs. POM is the authoritative resource at MIT for individuals or groups to plan, register and manage on or off-campus programs for students under 18 years or age.
cs-deliverable
Deliverable

Responsive WordPress website with Kerberos/Okta SSO integration

cs-services
Services

Creative strategy, UX & UI design, engineering, accessibility

cs-other
Other

Meets or exceeds WCAG 2.1 AA accessibility requirements

Project goals & priorities

  1. Migrate from Drupal to WordPress
  2. Clarify and strengthen messaging
  3. Improve website usability
  4. Develop a more robust visual design system
  5. Streamline administrative workflows

The problem

The old website lacked a distinctive visual identity and suffered from flat informational hierarchy. There was almost no imagery, and the site failed to capture the fun and dynamic nature of the programming it was there to serve.

Information architecture was not intuitive and failed to effectively surface high-value content or facilitate key transactions. The client was limited by a restrictive design system and clunky site administration.

Difficult to
navigate 1
Weak contextual &
visual hierarchy 2
Lacking cohesive
brand identity &
design system 3

Our solution

Through weekly strategy and progress meetings we worked with the team at POM to define and execute the following strategic vision:

  1. Rework the information architecture from scratch; renaming and reorganizing key pages and sections and using more relevant semantic naming conventions
  2. Create a stronger typographic system and overall visual hierarchy
  3. Develop a flexible set of design patterns which could be used to effectively organize and differentiate content
  4. Incorporate imagery that reflects the fun and dynamic nature of these innovative educational programs
  5. Improve workflows for program registration and enhance access to supporting resources and forms
  6. Create a more flexible and robust content management interface, making it easier for the POM team to manage pages, forms and related media
  7. Work with MIT’s IS&T group to implement a cutting-edge solution for single sign-on (SSO) – allowing verified users at MIT to access gated content without having to perform an additional login.

Outcome

The new site captures the vibrant energy of the programs and the young people that participate in them. It’s easier for program creators and managers to register their activities and gain access to the information they need to successfully manage their programming.

POM now has a distinct visual identity, which it can apply across its full range of promotional and informational materials. The team at POM has a site that is fun, flexible and easy to manage.