UI/UX Design

Kickstarter bm

Desktop Web Redesign

*Current Kickstarter.com design.

Project Brief

Overview

Kickstarter is expanding their services by designing a new web platform that allows crowdfunding for traditional brick and mortar businesses. I designed the logo, researched and designed these web pages with a checkout process completed with sketches, wireframes and used Sketch for prototyping.

Role: Project Management, UX Research, UI Design

Date: 2018

Duration: 3 weeks

Project Brief

The Challenge

Kickstarter is specifically for funding any types of creative projects in art, food, games, music, technology etc. They want to expand their funding services by launching Kickstarter BM, a crowdfunding platform similar to Kickstarter but it exclusively helps local small (brick & mortar) businesses raise the funds they need to launch. These services aren’t offered to aspiring small business owners who need physical brick and mortar shops. They want to keep all basic functions from kickstarter.com with some changes:

Redesign pages with a more colorful interface
Introduce users (entrepreneurs) with a noticeable call to action
Clear options to search for businesses by industry (category), name, state/city/zip
Ability for users to request and vote for local businesses to open near their location (This gives entrepreneurs an idea of where their business could possibly thrive)

*Current Kickstarter.com Home Page

Project Brief

The Solution

Redesign pages with Kickstarter’s previous lime and forest green logo colors with added hero images.

Add a hero image to the home page with an introduction and call to action for users (entrepreneurs) to create a campaign.
Design a browse page with options to choose a category and a search bar that allows users to search for local businesses by name, state/city/zip.
Local business campaign pages will include an added section with an input field for users to request and vote for local businesses to open near their location.

User Research

Competitive Analysis

Home Page

Home page introduces the user to a search for projects section with the featured project on the left side and a short list of projects (with title, image and short description to on the right side with a view all button below.
The search project features a category section above with an underlined toggle effect, but it lacks an obvious search bar.
Home page design could also use a more attractive interface.

Home Page

Home page introduces the user to a hero image with a title, description and call to action button.
Displays featured companies on home page but there’s no search bar or option for choosing categories.

Browse Projects Page

One of the few crowdfunding sites with a Local Business section, but it lacks the option to select a category for this particular section.

.

Design Planning

Layout Sketches

Home Page

Keeping basic home page layout from Kickstarter.com
Adding a hero image with a quick description of what kickstarterBM is about.
Adding a how it works section.

Browse Projects Page

Keeping project card browse results with grid layout from Kickstarter.com
Keeping category toggle feature with sort by options
Adding search bars for business name and location above category toggle feature

Project Detail Page

Keeping project detail layout from Kickstarter.com with company and project information
Adding a location voting section on the right side of the page with the company and pledge information.

.

Design Planning

Wireframe Layouts

These wireframes were designed using Sketch based off my layout sketches. I used a similar layout from kickstarter.com.
I also researched several unique brick and mortar businesses across the U.S. for written content.

Home page – added hero image with an introduction, and a “How it Works” section
Browse Project page – added a search bar for Business Name, and a search bar for Location. I also added toggle buttons for the categories and an underline toggle for the active “sort by:” option.
Project Detail page – Added a location voting section for users with an entry field, and stats for days remaining and top 3 locations on the right side of the page with the company and pledge information.

Home Page