Dave Devine
 
skiff mockup.png
 

Overview

The core mission at Skiff is to provide a B2B platform that encompasses a global community for event photographers, videographers and editors. With the goal of creating a gathering space that provides the tools to help small businesses grow. 

 

My Role

UX Designer, UX Researcher, Asst. Visual Designer, Product Manager 

 

Duration

~3 Weeks

 

Deliverables 

User Interview, Comparative & Competitive Research, Sitemap, User Journey, User Flow, Usability Testings, Sketches, Wireframes, Animated Prototype, Presentation, Spec Doc

 

Tools

Sketch, Trello, Keynote, In-Vision, Whiteboard, Pen, Paper, Post it, Zeplin

 
 

 
 

Prototype

 
Joe image.png

Joe, Contractor

Desktop 

Mobile 

dan skiff.png

Dan, Subcontractor

Desktop

Mobile

 
 

Initial Problem Statement

How might we help these professionals discover and book each other through a social platform in order to grow their business and professional networks?

 
 

Research

screener survey.png

 

Research Phase 1 

Screener Survey

screener surveys .png

 

Research Phase 2 

Connecting With Potential Users

From the screener/survey responses we conducted 9 interview respondents and 6 candidates for usability testing,

Insights

 

Personas

Based on the insights we created three personas that represented three different types of potential Skiff users. These personas were built to represent potential Skiff user:

Primary Persona — Small studio owner (Contractor Role)

Primary Persona — Small studio owner (Contractor Role)

Primary Persona — Freelance Photographer (Subcontractor Role)

Primary Persona — Freelance Photographer (Subcontractor Role)

Secondary Person — Hybrid Videographer & Editor

Secondary Person — Hybrid Videographer & Editor

 

Information Architecture

In order to better understand Skiff’s current site structure and experience more in depth we used the following tools:

Screen Shot 2018-01-23 at 3.48.36 PM.png
 

Usability Testing

We conducted 6 usability tests on the current beta platform, we felt this was necessary in order to identify user frustrations and possible improvements to be made to make the platform more accessible.

Screen Shot 2018-01-23 at 4.29.09 PM.png
 

Research Phase 3 

Comparable Analysis

Research was conducted to identify competitive and comparative B2B platforms

A total of 8 platforms were broken down, we analyzed the business model, market positioning as well as the features they offered.

competitors skiff.png
 
 

 
 
 

Revised Problem Statement

How might we help these individuals discover and book each other in order to grow their business and networks?

 
 
 

 
 

Designing Tools

 

Platform Choice 

“Having a responsive website can save you lots of money, maintenance time and also help you to convert and retain more clients in the long run.”

 

 
 

Design Studio

Two rounds of design studio were completed, to help generate new ideas as a team. From the design studio we began constructing our lo-fi wireframes. 

 

Feature Prioritization

We used a MoSCoW map to distinguish the features from the ideation phase. This helped for prioritizing features and our MVP.

Screen Shot 2018-01-23 at 4.02.47 PM.png
 

Information Architecture

A new site map, user journey, and user flow were created based on our redesign.

Screen Shot 2018-01-23 at 3.48.36 PM.png
 

Usability Testing 

Two and a half rounds of usability testing was conducted, which we receive feedback that helped us iterate while continuing to conduct testing.

Screen Shot 2018-01-23 at 4.12.33 PM.png
 
 

Design Revolution

 
                                      Home Screen (signed out)

Home Screen (signed out)

signed in home.png

Home Screen (signed in)

job post 3.png

Creating a Job Post

sign in filled out .png

Sign-In Screen

Job Post

Job Post

final job post.png

Completed Job Post