Butter

Role: Studio Designer at Scout
Year: 2019

All work completed in partnership with Jena Goldman, Silvia Diaz, 
Skylar Soehl, & Ian Anderson.
 

Role: Studio Designer at Scout
Year: 2019

All work completed in partnership with Jena Goldman, Silvia Diaz, Skylar Soehl, & Ian Anderson.
 

To discover better.

This desire was the guiding force in the creation of Butter, a travel app that curates thoughtful experiences by featuring recommendations from local contributors. Butter highlights worthwhile hidden gems in its users’ cities, allowing them to craft meaningful, quality-oriented experiences.

Over the course of four months, my team and I established Butter’s brand identity and created a marketing site for the app. We worked closely with Butter's founder throughout the design process to ensure the visual identity we were creating was representative of Butter's brand values.

First, we set out to define what set Butter apart from the slew of travel apps currently inundating the market, and why someone should choose to use it. We created user stories and specific personas to gain a depeer understanding. 

user-stories

User stories were categorized and evaluated by our team and Butter's founder, Olivia Laskowski.

We confirmed Butter's main audience as young "curious locals." This reaffirmed our objective to create a brand that felt sophisticated and chic, but also incredibly friendly and welcoming. With this audience in mind, a few new questions arose:


How might we develop trust with users and recommenders?

How might we develop trust with users and recommenders?

How might we establish an expectation of high quality recommendations?

How might we attract partnerships with brands and businesses?

How might we engage with locals and empower them to create content?

Keeping these questions in mind, we began our initial logo exploration. We were working with the app's original name, “Mend,” using imagery central to travel & recommendations, including maps, trails, and roads.

Untitled-1

Wireframing

butter-wireframes

We created digital wireframes after discussing our initial sketches and site architecture. 

ButterDesktop
ButterTablet
ButterMobile

Style Tiles

We settled on a color palette, typefaces, and a general illustration style that felt in line with Butter's brand values (chic, sophisticated, and friendly), and put it all in context.

style-tiles-site

I got to have some fun with the final illustration set.

butter-icons

Final Site Designs

about-page
HomePage021
AboutPage031
HomePage041

I put together our brand book at the end of the project, which outlined proper usage of all the components we created.

butterBrandBookFINAL
butterBrandBookFINAL-clare
butterBrandBookFINAL-color
butterBrandBookFINAL
butterBrandBookFINAL-web
butterBrandBookFINAL-UI

This was my first dive into UI/UX, and it was such an exciting process. Check out our full site below. And while you're over there, sign up to get notified when the app launches!

Check out our full site below. And while you're over there, sign up to get notified when the app launches!

discoverbutter.co