Protostarter logo

A web-based crowdfunding platform designed to empower creators and collectors.

View Protoype
Computer and tablet mockup for the protostarter website.

Overview

Protostarter is a web platform designed to allow creative entrepreneurs the opportunity to fund their projects with the use of cryptocurrency and NFT's. Creators can create a custom campaign page, set unique reward tiers, and connect with their audience.

Timeline

3 weeks

Roles

  • UX Designer
  • UX Researcher
  • UI Designer

Tools Used

  • Figma
  • Adobe Illustrator
  • Maze

The Challenge

Creatives with smaller audiences find it difficult to get their projects funded in an oversaturated market.

The Solution

My goal is to create an alternative crowdfunding platform that connects creatives and supporters through the use of cryptocurrency and NFT's.

View Prototype

Research

User Interview

  • 13 out of 18 respondents said they discuss what they watch with friends or family members.
  • 15 out of 18 respondents watch movies or TV shows daily or multiple times a week.
  • "Dislike theories and spoilers."
  • "It can be helpful to rate the series and even create "playlist" based on topics or similar recommended series to watch."

Competitive Analysis

Indiegogo
Indiegogo logo
Pros
  • Easy navigation of the site.
  • Displays content for different campaigns in a way that is easy to understand.
  • Provides support and partnership opportunities for select campaigns.
  • Flexible funding options.
Cons
  • Service and transaction fees (5% + 3%).
  • Lot's of time and effort for an individual to plan and create a successful campaign.
kickstarter
Kickstarter logo
Pros
  • A large market with many categories of projects.
  • Tools available to help creators reach their audience.
  • Some custimization options for building a campaign.
Cons
  • All or nothing funding for campaigns.
  • A large market with competition makes it difficult to set yourself apart.
  • Less focused on helping individual campaign (support, partnerships, etc.).

User Stories

  • As an entrepreneur, I want to get funding for my idea so I can create a product that people need.
  • As a game developer, I want to promote my new game so that I can gain a following and raise money.
  • As an investor, I want to support a project so I can receive a return on my investment.
  • As a supporter, I want to give money to a project I believe in so that the artist can earn a living and continue to make cool stuff.

User Persona

A user persona with a man named Trevor.
A user persona with a person named Jess.

Outcomes

  • Utilize an untapped market with cryptocurrency to differentiate from an oversaturated market.
  • Educate users about our platform and cryptocurrency.
  • Provide the ability for creators to customize their campaign page.
  • Build trust within our platform to ensure it is secure to use.

Design

User Flows

A user flow diagram for the website.

Sketches

Three sketches of the protostarter website on a piece of paper.

Wireframes

A wireframe of the home screen for protostarter.
A wireframe of the campaign page.
A wireframe for the about page.
A wireframe for the sign up screen
A wireframe for the log in screen
A wireframe for the wallet connect screen.

Branding

A group of posters and website screenshots.
Logo sketches on a piece of paper.
A style sheet showing protostarter logos, colors, and fonts.

Wireframes V2.0

Updated wireframes for the home screen.
Updated wireframe for the campaign page.

Refine

Feedback

  • Vertical CTA buttons on the home page are confusing and distracting.
  • Important information is not always clear.
  • Can we create a section to help new users learn about cryptocurrency?
  • Are the users able to customize their campaign page?

Updated Wireframes & Prototype

A final version of the home screen.
A final version of the campaign screen.
A final version of the campaign creation screen.

More Testing

A chart showing results from testing the about page.
A chart showing results from the test on the campaign page.
Results from testing the log in flow.
A heatmap showing user clicks on the campaign page.

Final Outcome

View Prototype

What's Next?

  • Implement new feedback from testing.
  • Select key features for MVP and create design roadmap.
  • Handoff design to developer.
  • Implement branding and create design system.