↓ Project

Enable our 15,000+ customers to use the 600,000 free (do-whatever-you-want) high-resolution photos from Unsplash inside the Unbounce landing page builder.

↓ Team (people I worked closely with)

Cole Derochie (product owner), Mark Wainwright (software developer), Alex Chan (product quality analyst), Denis Suhopoljac (design director)

↓ Background

My current role focuses more on building tools for the user experience team, providing mentorship and guidance. I live in user research and concept phases most of the time. It is rare that I get the chance to get my hands dirty on some Jira tickets, but I enjoy it nevertheless. This little feature made me super excited as a creator.

↓ Analysis

  1. The dropdown contained all the image libraries. We wanted to make sure people were aware of the image libraries available to them.
  2. The trash can was the first action you could do in your library. Deleting things in your library as a primary action felt counter productive. You should grow your library.
  3. Search visually not emphasized enough or in a consistent place.
  4. Sort and filter did not use conventions we used across our entire product.
  5. The Image count could be more contextual rather than tacked on as a title and label.


"The best thing that you can do for the end user is offer them a consistent and familiar experience. Avoid additional cognitive load, unless you have a very good reason for it."

↓ Improvements

  1. Introduce tabs to make all libraries visible to the end user, while making tabs consistent across the product.
  2. Add image counts to tabs and make them contextual.
  3. Place sort where it is most intuitive to the end user similar to operating systems
  4. Emphasize search in the top right corner very similar to spotlight search or OS search results
  5. Making delete selected a clear label for the end user and make it active when action can be completed.
  6. Insert clear and consistent loading screens
  7. Create download file image dialogue consistent with image library
  8. Make all components consistent across our landing page builder
  9. Reduce visual noise by applying grid pattern only inside image containers.


Loading My Images


My Images


My Images Sort Dropdown


Loading Unbounce Public Library


Unbounce Public Library


Loading Unsplash Image Library


Unsplash Image Library


Search Unsplash Image


Choose Unsplash Image


Import Unsplash Image


Download File Library


"Now our customers can create beautiful landing pages with Unbounce and Unsplash."

Check out the announcement of the integration on this medium post by Unsplash for additional details.