Shoreline

Shoreline’s new brand guidelines included only a few details about color and typography, leaving plenty of room for interpretation.

They needed a system that could support the wide variety of different page and content types across their site.

Using the existing brand guidelines a starting point, I established a more capable system of text styles for use on the web.

With some well-defined common styles, components, and templates, the small web team at Shoreline could begin to replace those aging pages, working toward a more consistent, maintainable, and accessible website.

Continuing to scale upward from the rebuilt typography guidelines and component systems, a series of responsive page templates were designed to support a wide variety of content types, from higher level marketing pages for prospective students, to more information-dense administrative pages for existing students and staff.

Designing from the start as an atomic system of repeatable styles, components, and templates allowed a very small team to efficiently build a large website with hundreds of differerent page types, and has made it possible for Shoreline’s small web team to continue iterating and refining the site.