Pledge 1% Colorado

UX/UI Case Study

“Be the change you want to see in the world” - Mahatma Ghandi

As a prideful Colorado native, I believe that my community is my strength. Everyday I am personally affected by the people, places and things that are unique to Colorado. I am only as strong as my community, and my ability to adapt to its challenges. Whether good or bad, I am shaped by Colorado. This alone was the reason why I chose to collaborate on the re-design for Pledge 1% Colorado. Giving back is not only fundamental for making a positive change in our communities, but it is critical for adding support, value and happiness in our everyday lives.

The idea of giving back to the local community is not so easy for all early-stage corporations to digest. In fact, most disregard the idea before they really consider any potential benefits. So, my goal was to design an experience for a website that would inspire more early-stage corporations to give back through pledging, and therefore impact Colorado.

Empathizing and Understanding

Initial Challenges

According to Executive Director Matt Zwiebel, the existing interface and content structure of the website was confusing and lengthy. The website lacked creative storytelling and felt disconnected between the members, board and advisors. Becoming aware of the client’s pain points. I decided that it was time to do my own investigating and research.

Observations

Initially looking over the existing website, I observed a much outdated platform in terms of design trends and function. The look and feel of the site was rather boring, and the lack of color and images made the site feel dull. Being incredibly content heavy, I quickly felt overwhelmed by information. Nowhere to be seen was there any proof of the company’s actual impact in the Colorado community.

Research

To discover possible solutions, I decided to check out the competition. I created a Flower Petal diagram to compare companies and look for new markets and inspiration.

Flower Petal Diagram of Competitors
Berkeley Founders’ Pledge seemed to give me a good jumping off point in terms of a pledge site that successfully told a story and connected with users.
Screenshots from Berkeley Founder’s Pledge

Interviews‍

Then, to better understand the way our users think, I collaborated with my team (8 ppl) to conduct various interviews with stakeholders. I was in charge of conducting the two following interviews — one with an advisor at Pledge 1% Colorado and the other with a small startup owner on the edge of exiting.

Q: In 4 words, what do you think the brand should be?
A: Compelling, Inspiring, Informational, and actionable.

Q: Why would you recommend Pledge 1% CO?
A: I believe that people possess passion for the community and want to do something good purely for the reason of doing something good. Plus, Pledge 1% CO gives you a ton of options for donating which gives companies the flexibility to pledge in any way they are capable of whether that’s pledging 1% of future equity or pledging volunteer time.

Q: What would you improve about Pledge 1% CO?
A: There needs to be more storytelling. First, I would like to see proof of members making an impact. Second, it would be nice to see more exclusivity for members.

Q: Would you/your business ever consider pledging? If not, what is preventing you from giving back?
A: No. Quite frankly thinking about giving someone money is that last thing on my mind as I am trying to keep my business alive. I put all my time, money and resources into bettering my company.

Q: Is there anything that might motivate you to make a pledge?
A: Perhaps if there was something in it for me. Since retirement is in my near future, I do not see any importance or value in networking opportunities.

Defining the Problem

  • There needs to be exclusive member benefits.
  • There needs to be proof of the impact of Pledge 1% Colorado.
  • Stakeholders are owners of early stage start-ups
  • Stakeholders must feel a connection to the company.
  • Stakeholders are not aware of all the types of pledging options available. They get stuck on the idea of giving away money, even if its later in the future.

User Persona Creation

From here, I created a user persona based on my research for the design challenge.

My Ultimate Design Challenge

Design an experience that inspires giving back in Colorado through impact stories and feeling a sense of community.



Ideation

I presented my early findings and ideations to our client Matt

After countless brainstorming activities with my team, I put together a collection of thoughts

Afterwards, I started white boarding ideas, user flows and options for content layout on the new site.

User flow
Content layout

Design Principles

Below are my carefully selected design principles which will help shape the look and feeling of my design. All principles were chosen based on my extensive user and secondary research.PersonalInspiringCompellingBoldColorado

Prototyping

And now for the fun part! It was time for me to take all my creative ideas and visions, and run with them! I began by sketching out some quick wireframes. Asking myself, “What do these visions look like?”. Then, I moved onto making low fidelity wireframes in Adobe XD. Later, I made those wireframes come to life with imagery, color and font choices!

Sketching

Presenting an early sketch of my main user flow keeping in mind my Design Principles.

Wireframing

Take a peek at my Low/High fidelity wireframes!

About Page

Before

After

Contact Page

Same goes for this page — the design needed a fresher look! For this page and the rest, I chose to stay with the company’s original brand color in various monochromatic values.

Before

After

Blog Page

Next, the blog page. Based on my observations of the original website, it seemed like blogging held an important part of the company’s brand since there was already so much work put forth into writing past blog posts. While some of my team members excluded this section in their individual projects, I chose to keep it since its an excellent way for the company to recognize members and talk about the latest company news in order to stay transparent.

Before

After

My New Insights for Pledge 1% Colorado

Legacy Wall and Bash

A way to showcase member’s who have exited! You can see the complete list or click on one of their stories to read a feature story on their successes. This not only gives member’s recognition, but an extra perk for exiting! In addition, I envision Pledge 1% Coloradothrowing all companies that exit a “Legacy Bash” where they are honored for their hard work.

Impact Story Page

Another insight was that potential new members needed a way to see the company’s impact. What a better way than to see and read about stories from the members themselves!

5 Second Usability Tests

After developing the wireframes and prototyping the design, it was now time to do some user testing. Below, are my results when 8 anonymous users where asked to describe the design and reflect on how it made them feel in 5 seconds. For the test, they had to quickly scroll through the landing page of the site.

After reviewing my original design principles, goals, and feedback from the client for my design challenge, I came up with a list of my success and my failures.

My Successes

  • The result "Colorful" fits nicely with my original intentions to inspire people with the use of bold colors.
  • The result "Comfortable" was an amazing compliment to the site as it suggests a personal and relaxed feeling.
  • The Legacy Wall and Legacy Bash was an excellent way to provide recognition and exclusive member benefits including networking/mentoring oppotunities.
  • Impact stories was a great way to show the companies impact and connect personally with potential stakeholders.

My Failures

  • Font color on dark background was difficult for some to read.
  • The new design might still be too wordy.
  • The pledge buttons and down arrows feel bulky and outdated. The use of a bold gradient and a thick contrasting border feels out of style.
  • The commenting capabilities for members to interact with on posts actually hinder the success of the website. Often times, commenting could become bad spam, denting the reputation of the company.

Going Forward

Well, I guess it’s time to do some more research and a new iteration!
Back