Matthew Lee Design & Development

About & Contact

NYC Office of Emergency Management

Launch site: Intranet templates and HTML Styleguide

OEM is New York City’s first responder. They prepare for emergencies, educate the public about preparedness, and coordinate the city’s response and recovery efforts after disasters like Hurricane Sandy. The agency needed an update to the intranet they use for communication and coordination. While they were developing the new software internally, they needed a team of designers to help them with the user experience and visual design of the system.

NYC Office of Emergency Management

I worked to translate our team’s design mockups into a series of functional front-end templates. We were aiming to deliver not just a set of standalone pages, but a front-end system that was built modularly and could be easily repurposed and extended by their software developers. The system includes search forms, collapsable document trees, an icon system for current weather and other graphics, sliding text panels for FAQs and similar content, and notifications for special emergency alerts.

NYC Office of Emergency Management NYC Office of Emergency Management NYC Office of Emergency Management NYC Office of Emergency Management

In addition to building out fully-coded templates for major page types, we also delievered a customized front-end starter kit based on Twitter Bootstrap, along with a styleguide that explained and demonstrated the use of key components.

NYC Office of Emergency Management NYC Office of Emergency Management NYC Office of Emergency Management NYC Office of Emergency Management NYC Office of Emergency Management NYC Office of Emergency Management

Produced at C&G Partners; art direction by Kieran Lynn.

American Association for the Advancement of Science

HTML Styleguide

Center for Curatorial Leadership

Website

Local Initiatives Support Corporation

Online Annual Report

National Fish and Wildlife Foundation

Online Annual Report

NYC Office of Emergency Management

Intranet and HTML Styleguide

Roanoke College

Website

Spectra

Website

Strada

Website