I am Lizzie

Browser Extensions

BITLY: Browser Extensions

logos-01.png

The Browser Extension, Bitly's most popular satellite product, integrates with existing accounts, allowing users to shorten, customize and share links directly from Chrome, Safari and Firefox.

 
purplebox3.png

Background:

 

The Chrome Extension and Bookmarklet (used by Safari and Firefox users) were very popular work flow tools that needed a desperate design update. With the release of Bitly's newly designed platform, we needed satellite products that felt equally modern and fresh. 

Objective:

Update the design of our most popular satellite product to reflect the current iteration of the Bitly Platform.

purplebox3.png
 

rethinking the EXTENSION

 

We went big in our thinking: despite the Chrome Extension and Bookmarklet only having free features, we considered new ways to integrate paid features.

 

The original design of the Chrome Extension and Bookmarklet

bookmarklet.png
 
 
 

Preliminary idea: Include paid features using expandable modules, saving valuable real estate

Premium Copy 2.png
 
 

 

EXTENSION: V1

 

We pushed the expandable modules concept further, which resulted in the tabbed action panel. This design inspired our paid product; we simultaneously added tabs to bitly's platform and chrome extension.

Chrome_Extension.png
bitly_screen_shot_2_new.png
 
 

The final design allowed paying customers to login and use premium features through the browser extension. 


 

EXTENSION v2

 
bitly_screen_shot_chrome_1.png

We continued to iterate on Bitly's platform design. To keep parity between the primary product and satellite products, we shipped a V2. In addition to building an extension for Chrome, we introduced a Safari and Firefox extension.

bitly_screen_shot_chrome_2.png