top of page
VOTRNET
Collaborative Political Social Media
Marketing Campaign | UI Design | Team Work
Team:
My Role: Creative Director
1 Strategy Director
1 Media Director
1 Creative Director
1 Production Director
Team Leader
Secondary Research
Campaign Design
UI Design
Testing
Timeline:
This project was an advertising project I worked on during my graduate studies. Our group's client was a startup called VOTR. We designed a series of marketing campaigns for them and, in the end, created a special version of the UI for their app in collaboration with the dating app Tinder.
Client Brief
How does VOTR work?
Our client is a startup developing an app called VOTR:
The Problem VOTR Needs Us to Solve
Gen Z Voters Primary Research
Online Survey: To better understand the target audience, we conducted an online survey with respondents aged 18-29. The survey primarily focused on their attitudes toward the U.S. election, their willingness to use AI tools in politics, and their views on social issues.
Interviews: We also interviewed some of our Gen Z friends about their personal views on voting.
Key Insights
Current Situation of Gen Z Voters
Persona
Creative Advertising Execution
Creative Mission
Based on all the research and analysis, our team proposed an advertising campaign in collaboration with the famous dating app Tinder.
How Does the Collaboration Work?
OOH Screen
Billboard
Tinder Ins Post
VOTR Ins Post
Out-Of-Home Campaign
We titled this collaboration "Go Out to Vote, and Then Go on a Date" and launched a promotional campaign with outdoor billboards and social media posts.
Budget Allocation
Media plan generated by Commspoint
VOTR App Renovation
The collaboration proposal with Tinder received excellent feedback from the client. Inspired by this event, I also helped VOTR redesign their user experience and user interface.
HMW Question
How might we build a community that unites Gen Z voters and encourages them to participate in elections?
Affinity Map
Main Functions
Paper Prototype & User Test
Paper Prototype
User Test
Advice from Test Users
-
Use single column for Trend
-
Remove menu bar from landing page
-
Move emoji tool to Sticker
-
Add block function to others' home pages
-
Use hand-drawn style stickers
-
Implement a hamburger menu
-
Add group chat overview
-
Add descriptions to recommended users
Overall
User tests showed the design is smooth and user-friendly. Next, we’ll enhance interactivity and artistry for a more natural, hand-drawn board experience.
Wireframes
Meet VOTRNET
your collaborative political hub -
Final Product - VOTRNET
VOTR’s built-in social platform to
connect, discuss, and create change
Journey of a Gen Z Girl:
A Gen Z girl interested in abortion rights wanted to learn about related policies.
She discovered VOTRNET and connected with many people who share her interest in the topic.
She joined a related group chat and invited members to work on the collaborative board.
Together, they completed the board.
They met up at an assembly to encourage others to join the election and fight for their rights.
Function 1
Social Media: Communicate & Follow Trends
a clear interface with functions for liking, reposting, and replying to posts. Search for topics of interest and receive tailored suggestions. Stay updated on popular political topics and group chats. Connect with others who share your interests and join discussions on political topics.
Feed & Trend
Chat & Profile
Function 2
Collaborative Board: Create & Share
A creative space to share ideas and visuals on political topics. Add text, draw with brushes, use hand-drawn style stickers, apply templates, and upload photos with customizable filters. Collaborate online, share boards, or transform them into real-world projects and assemblies.
Future Development
Development 1
Non-Profit/Non-Partisan Organizations Collaboration
-
Official Accounts: Invite organizations to create accounts on VOTRNET to host discussions and provide educational content.
-
Co-Hosted Events: Partner with these organizations for in-person events like voter registration drives and rallies.
-
Collaborative Content: Allow organizations to use the Collaborative Board to create campaigns and informational posts.
Development 2
Enhancing Social and Communication Features
-
Video/Voice Chat: Add video and voice chat to group chats and private messages for better communication.
-
Board Comments: Allow users to comment on Collaborative Boards for better communication and engagement.
-
Notifications: Add notifications for new messages, replies, and activity on collaborative boards.
bottom of page