Lorena Buitrago - User Experience Designer - User Experience Designer 📍Based in San Francisco
Lorena Buitrago UX / UI Designer
Recent work I love.jpg

Dreamforce----

 
DF18_Thumbnail.jpg

UX / UI EXPERIENCE MARKETING DESIGN

Dreamforce is the World’s Largest Tech Conference hosted by Salesforce.com in downtown San Francisco

See the Philanthropy Cloud Activation Experience 👇

 

OVERVIEW

Every year, Salesforce launches new products in the context of Dreamforce, & this year it was the turn of Philanthropy Cloud, the corporate impact platform designed for this new era of giving. 

ROLE & DURATION

Creative & Art Direction, UX/UI Design, Interaction design

Team of 6 designers ( Agency ) + 4 designers ( Salesforce ), 20+ developers, 30+ producers

Jun 2018 - Sep 2018

CLIENT

 
5bdf12ee05f06653e0739ed4_salesforce wordmark.png
dreamforce-logo-1.png
 
Screen Shot 2019-04-08 at 12.53.17 PM.png

THE PROBLEM

The challenge was to create an unforgettable physical & digital experience that could explain Philanthropy Cloud in the context of Dreamforce 2018. It was also important that we could collect data for research from the conference attendees and get feedback for future follow up.

 

BUSINESS GOAL

Explain how Philanthropy Cloud brings great value to every company.

Inspire private companies and non profits to incorporate this tool into their global philanthropic goals.

 
Screen Shot 2019-04-08 at 2.04.02 PM.png

SOLUTION

Digital interactive platform:
Tells the story of the product through a game metaphor contextualized to DF18 campground over all theme, guided by Salesforce dedicated design style guide principles and design systems

Physical Instalation:
Attract the attention of attendees and be inviting to interact and play

 

CHALLENGES

  1. Team work: An activation of a new product is not a one-man project and since we were 2 design teams plus the multidisciplinary executive team there was a lot of iterations to create an integrated vision and execute successfully.

  1. Planning & Iteration:
    The timeline for the design had to be extended several times to reach the team goals and prioritizing the concept and creating a cohesive story.

 

DISCOVERY

The first step was to understand every detail of the product and list important components and concepts to convey. Then think about metaphors that could explain this product in a logical & fun way.

Corporate-giving-program.png
 

INITIAL IDEAS

First we started thinking on a user flow that could express how the product works and align it to the business goals:

 
User Flow Philantrophy cloud copy.jpg
 
Screen Shot 2019-04-08 at 12.53.17 PM.png

SYNTHESIZING & ITERATING

Initial metaphors where starting to sprout and we made some mock ups and pivot various times to reach all the business goals and product components:

First UX & UI Exploration Ideas:

Concept: “Helping Hand”

 

 
 

UX & UI Iterations & Pivot #1:

Concept: “ Philanthropy Fruits for all”

 
dreamforce_ux_design_salesforce.png
UI philanropy_2.jpg

UX & UI Iterations & Pivot #2:

Concept: “Seeds of Growth”

 
 
 
Screen+Shot+2019-04-08+at+3.39.29+PM.jpg

THE LAUNCH

“Seeds of growth”, the activation’s final name, is a metaphor that portrays how every person donation of time for volunteering, is like a seed that with time and caring, grows a flower. All efforts together can create a beautiful flower field.

In the game, the user was prompted to chose 3 causes from the The 17 Sustainable Development Goals. The platform allows the user to learn more about every cause and how can it help the global efforts.

Testing was done at every milestone of the project. User flows and visual prototypes were shared with stakeholders and partners (United Way) on a bi-weakly basis to get feedback. After numerous iterations, the final design was approved and taken into production to be ready for Dreamforce September 25th - 28th.

 
 
 
ux_ui_design_dreamforce.jpg

IMPACT: POSITIVE RESULTS AND MUCH MORE TO DO

Numerous hours of brainstorming, careful planning, iterating, sketching, designing and developing brought the results desired for the Philanthropy cloud launch activation at Dreamforce 2018.

The attendees enjoyed the final design and were engaged with the activation. They also were able to understand what the philanthropy cloud is and how it can benefit companies of any size.

The impact of the activation and companies engagement with the product thanks to Dreamforce, I believe will be revealed over a longer period of time.