GBIG

ROLE: Design Lead
User Experience Design, Data Visualization, Brand Design, Custom Illustration

GBIG.com

Explore the green dimensions of any building.

GBIG is a global directory of green-certified buildings designed for the U.S. Green Building Council (USGBC). GBIG lets anyone explore the green aspects of the buildings around them.

GBIG_bannerGBIG_banner

Three major releases over five years.

Over five years I designed three major releases of GBIG evolving it from an iOS app, to a responsive desktop app, to a card-based app with social tools. 

At launch in 2011, GBIG presented 2 types of certifications limited to one U.S. city. By 2014 the site grew to present 200 types of certifications and 1.3 million green building activities in over 5,000 geographic locations.

home_mobilehome_mobile
GBIG_building_cityGBIG_building_city
Building_mobileBuilding_mobile

Search is the primary interaction on GBIG.

People use GBIG as a search tool to answer questions like “What’s the greenest building in China?” and “Which U.S. city has the most green buildings?” Search results can present a variety of data including buildings, profiles of people, rankings of places, and certification systems from around the world. 

Solution: A card-based design works as a scalable system.
Cards allow GBIG to present image and text data in one atomic unit that works across the site from search results, to landing pages, to building profiles. Cards also offer a consistent container for presenting charts, images and certification data for mobile devices.

GBIG_tiles_banner2GBIG_tiles_banner2
GBIG_search2GBIG_search2
GBIG_landing2GBIG_landing2

ADDITIONAL FEATURES

GBIG evolves into a social tool.

In 2014 we added social features to GBIG that allow green building companies and professionals to promote their work with public profiles.

The onboarding process makes building profiles easy and includes good engagement hooks like email and favoriting that keep people coming back to GBIG to share their work.

GBIG_wire_bannerGBIG_wire_banner
GBIG_wires2GBIG_wires2
GBIG_profie_builderGBIG_profie_builder
GBIG_profileGBIG_profile

DESIGN SYSTEM

GBIG's design system.

Over five years I art directed the icons, banner images and illustrations for the site.

bannersbanners
gbig_icons_tilesgbig_icons_tiles
gbig_Outcomes_iconsgbig_Outcomes_icons