weteach-leadweteach-lead

Creating a digitial professional development resource for teachers

As the new online destination for the city's 90,000+ teachers, WeTeachNYC is a professional development one-stop-shop for all educators across the city. From resources, lessons and other materials that augment teacher planning, to online communities connecting all levels of educators, the site is a revolutionary tool for supporting teacher engagement and development throughout the city.

CLIENT: NYC DEPARTMENT OF EDUCATION

AGENCY: BLENDERBOX

ROLE: ART DIRECTOR

[unex_ce_button id="content_xmco71cr2,column_content_hivlgvjzc" button_text_color="#a6c729" button_font="bold" button_font_size="15px" button_width="content_width" button_alignment="center" button_text_spacing="0px" button_bg_color="#ffffff" button_padding="30px 30px 30px 30px" button_border_width="1px" button_border_color="#e2e2e2" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="0px" button_bg_hover_color="#a6c729" button_border_hover_color="#a6c729" button_link="http://www.weteachnyc.org" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]VISIT THE SITE[/ce_button]
weteach-homeweteach-home

Work and Play

The project began with a branding exercise to refresh and extend WeTeachNYC's existing logo. A full brand guidebook and assets were developed in tandem, so the organization's marketing and funding efforts could be consistent with the ongoing digital designs. 

Custom illustrated icons were also created as part of the branding effort, and were animated in partnership with a UX designer to add an element of play and whimsy to the content. Actived only on hover, this micro-interaction is also a nod to the joyful discovery of learning.

weteach-logodesignweteach-logodesign

Faceted Search

Loosely leveraging google's material design principles, the clean and hierarchachly organized design and comfortable hit areas, helps to make the complex faceted search and highly detailed metadata fields more approachable and user-friendly.

Maintaining Styleguides in an Agile Process

WeTeach was designed in an agile process beginning with the learning object repository and faceted search in year one and extending to complex interactive communities in year three, with numerous releases in between to add functionality for individual teacher profiles, saving resources and creating playlists, personalizing resources, and more.

It was important from the outset to create styleguides to help streamline our design process and ensure that we were creating a holistic visual ecosystem. However treating our styleguides as living documents, adding to and refining them along the way, was key for ensuring that consistency never trumped context, allowing design to remain flexible and appropriately serve the platform's many different types of content in their various forms.

  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image
  • gallery-image