A nonpartisan user-generated platform connecting the average American to professional political lobbyists through crowdfunded campaigns to fight for the issues that we care about and affect us all.
Currently, users can donate any amount and once $50,000 is raised, CrowdLobby hires the lobbyist with the funds allocated to the issue. But people rate the honesty and ethics of lobbyists lower than any occupation measured including members of Congress and car salespeople (Gallup Polls 2006-2017).
After many iterations, we learned to prioritize the users' trust and offer transparency through the community, media literacy, and familiar design interactions.
Get at least one campaign fully-funded to hire a lobbyist to execute the work and run the process from start to finish.
(1) Establish the brand’s look and feel and (2) Convert users to donors by making the info easily digestible
To establish a nonpartisan brand identity will not only require a thoughtful selection of fonts, layouts, and content organization but, a sense of connection and community with like-minded supporters, accessible hosts, and lobbyists. To maintain transparency, we need an easily navigable site which makes the information more digestible. And ultimately, we should've created a persona instead of relying solely on the targeted user types to have a clear focus on the requirements which benefit all users.
Based in Richmond, Virginia, CrowdLobby is a platform that connects everyday people to professional political lobbyists through crowdfunded campaigns. Its operating model is to crowd-fund a lobbyist to work on a particular issue.
The site is built in Angular which is popular due to its modular approach and reusable code, so designing with components that have templates in mind is favorable.
CrowdLobby initially focused only on their state government (Virginia) but is now experimenting with federal-level campaigns, as well.
With the business goal in mind, we're tasked to consider how can we design to entice users to create a profile, visit regularly, share issues, and write a positive review.
Products and services will build users' confidence in the effectiveness of funded campaigns.
Dedicated to making many aspects of its business available to the public, so long as there is no danger to users or the integrity of a campaign.
Encourage users to contribute to campaigns they believe in, without adherence to traditional party affiliation.
Recognizes and values the power of the Crowd and will remain devoted to its mission as a voice for the people.
According to CrowdLobby, the target market consists of politically engaged individuals between the ages of 24-35 are significantly more likely to contribute to crowdfunding campaigns.
An untapped political force, women vote more than men and give more to charity, but only represent about 30% of big political donations (over $200). Research has shown they are more likely to give for “empathetic or altruistic reasons”.
Independents are the largest and fastest-growing political designation (nearly four-in-ten U.S. adults) and generally focused on issue-specific change, rather than giving support to a particular candidate or political party.
More likely to engage in crowdfunding campaigns than other generations; Millennials and Gen-Xers often distrust “major institutions,” and more likely to give to a service that advocates for a specific legislative change.
Utilizes cards and/or grids to make content more digestible
Encourages small-dollar donations which greatly funded 2018 Democratic candidates, committees and organizations
Visuals are either
lo-res or stock photos
Auto-enrollment in monthly donations
Create a trustworthy brand identity with better visuals, typography, hierarchy, and a more robust color palette.
Highlight interesting or popular projects on the home page and utilize design trends.
Fundraisers by Facebook
Community-centric due to social media integration
Collects data analytics to show contributions source, visitors and most popular perks
CTAs are unclear and visuals are not standardized
Crowdfunding platform fees (plus, 3-5% processing fees) based on the total amount raised
Users can forget about pledges due to the length of the campaign - we need to keep them motivated through great storytelling and transparency
We conducted a series of interviews with our targeted user group who are politically and/or socially aware in order to understand their design preferences, wants/needs, and pain points. The image on the left represents users' demographics, political affiliation, and past contributions.
Sans serif font was preferred for body paragraphs and CTA’s; stylized & serif fonts can be used for headers.
Bold colors were seen as enthusiastic and motivating. Muted colors felt serious, established, and trustworthy.
The ability to tell a compelling story about the product on the homepage and the issue on the campaign page -- has the biggest impact on credibility.
Leaderboards aren't a motivation to contribute but lend to the campaign's credibility through involvement.
This round showcased divergent visual designs in the form of style tiles (a design deliverable consisting of fonts, colors and interface elements that communicates the evolution of a visual brand) to gauge visual interest and honest reactions to help guide our next direction.
A dark, nonpartisan design to capture a younger and/or trendy demographic who may be put off by typical government and political websites.
Universal health care meets gender neutrality with graphics reminiscent of vintage political posters from the 60s and 70s.
4 out of 7 users favored Concept B's light and airy design approach and deemed it: (1) trustworthy and credible, (2) friendly with a sense of belonging, and (3) mission-driven.
During our client meeting, we presented our winning style tiles, user testing takeaways, and conducted a workshop (“I Like, I Wish, What If”) for more insight and clarifications. The stakeholders would also like a cohesive design so, in addition to the campaign page, CrowdLobby was also open to a homepage redesign with new UI elements.
The clients selected to move forward with Concept B and my teammate’s concept (bottom image) to converge and develop the first round of hi-fis which will include a homepage and campaign page redesign.
The minimal layout above the fold has familiar elements to similar platforms, it has more context which leads to a higher engagement rate along with these complementary elements:
Featuring a video to tell the user story is more effective especially when presented as supplementary or alternative content, not as a replacement for text
Secondary and tertiary nav bars are implemented to help breakdown dense info
Typographic hierarchy establishes an order of importance and helps the user easily navigate through content
Enables more than one piece of content to occupy the same piece of prime real estate and breaks up the content into digestible chunks of info
Host and Lobbyist Cards for improved trust, credibility, and easy access to campaign leads
After gathering style tile feedback from the users, clients, and the team’s convergence workshop, I created an affinity diagram to analyze which elements needed further testing.
A majority of users thought this prototype was "clear, inviting, and simple" enough for the narrative and info presented, but averse to the color palette and typography.
Admittedly, creating a visual aesthetic was the most difficult part of converging two styles.
For the final round of user testing, iterations were made based on the affinity diagram which organized feedback from the clients, user interviews, and an online visual preference test which solidified my decision to change the color palette to accommodate a variety of UGC (user-generated content) and include CrowdLobby's sky blue.
The client also has a limited budget so I introduced Pablo Stanley's Humaaans, a mix and match illustration library free for commercial and personal use.
*includes the 25 users from the Homepage Visual Preference Test
Before we began our final round of user interviews, we conducted a homepage visual preference test to see if we've expressed the design principles, ease of use, and aesthetic appeal. We also asked the 25 anonymous users why they chose those concepts and asked to pinpoint elements when possible. With the feedback given, we adjusted our designs before the 1-1 user interviews.
Concept B (36%)
Concept A (28%)
Concept A (36%)
"More of a feeling that it's not just you interacting with a company that's gonna send a lobbyist for you. It's about a community rallying."
"I love the flowing elements! It makes the site feel on-trend and cool."
"I like the color scheme and the layout design makes it look like important information to pay attention to."
After the final round of user testing, peer critiques, and a workshop with the client, I’ve decided to reiterate one final time based on the valuable information gathered from User Testing #3 and CrowdLobby’s values and design principles.
Defining how campaigns work, how user donations are used, who the lobbyists are, and what they do in real-time through explainer videos, how-to copy, campaign updates, media publications, and social proof.
Give users a straight path to accomplish their donation or hosting goals by reducing confusing interface, navigation, and options.
Seeing how fruitful it is to be part of the change with an experienced political ally, users can go beyond the leaderboards and host a campaign of their own. Most users were unaware of this option and only thought to share or donate to campaigns.
Despite aiming for bipartisan or nonpartisanship, the stakeholders and users still gravitated to the blues and grays and found orange-based red tones to be less right-leaning as opposed to true reds. Playing with monochromatic hues also made the brand feel more established and helped streamline the design.
While most of the users understood the motivation behind leaderboards, some questioned its necessity as a dedicated tab as it gamifies causes. Regardless of the stakeholders' decision to keep this feature or not, I've added a unique URL with the contributor’s name instead of a randomly generated link for personalization and added trust, which can be transferred to a profile page, if need be.
Finding a middle ground to offer solutions that appease both the stakeholders and users is not an easy task but delivering the users data from interviews and visual preference tests gave the stakeholders a better understanding of their current and potential users. Having said that, instead of focusing on Targeted User Types, we should have developed personas so that decision making is easier and the resulting product is more focused. For example, the three mood boards and style tiles created were tailored specifically for each targeted user type instead of the attributes, desires, and behaviors of a defined persona could have helped us prioritize features and focus so our interface behaved more consistently.
If you'd like to discuss this project or want to collaborate on something similar, feel free to contact me at firstname.lastname@example.org.