I'm Scott Cormier, a Product leader

"Find and buy the items that define you."

Stylefind is an app that enables people to find where to buy the items they love by submitting images.

Using visual search and image recognition technology, Stylefind provides visually similar, purchaseable results to users based on the images they submit

Wireframes - Sign up flow 1, 2, and 3
Wireframes - App flow
Framer.js - Results Swipe: Interactive
Framer.js - Sign up: .Mov

Backstory

After the Slyce Demo app was delivered (See the Slyce Demo project below) and the glowing feedback was coming in, we decided to spin Stylefind off into its own company.

We felt that we had an opportunity to create a more engaging experience for a more public consumer audience based on the positive feedback we were receiving. And, with that, I started my research to learn more about the market and the problem we would be trying to solve.

Research

After some market research to determine who I should be talking to, I conducted customer development interviews with 12 qualified candidates - hoping to learn more about the fashion discovery and mobile shopping problems they faced.

There were a few common themes: results should come from retailers with exceptional shipping and return policies only, people want to be notified if something they want goes on sale, and being able to search for items with an image would be extremely helpful.

Behind the Scenes

Once I had a list of features for an MVP, I began by sketching and then wireframing the required views for the app.

I tried to adhere to a few principles: allow people to see value before signing up, only ask for info that's absolutely required to continue through the app, and don't make people enter the same info more than once.

After getting feedback on the wires, I created mockups and a few of the key animations in Framer.js before soliciting another round of feedback.

Measuring

We're still in development, but there are a number of metrics we'll want to be paying attention to when we launch, from both a UX perspective and a business perspective. On the UX side, I'll be using the HEART framework to measure the quality of our UX. Specifically I'll be paying attention to Retention and Engagment (i.e. # of images submitted per user per month).

"Find and buy items you love, quickly and easily."

Stylefind is an app that enables people to find where to buy the items they love by submitting images.

Using visual search and image recognition technology, Stylefind provides visually similar, purchaseable results to users based on the images they submit

Wireframes

Problem

I was contracted by Slyce Inc. to design and build a consumer app for iOS that leveraged their visual search technology.

The goal was to create an app that would showcase this technology in a very favorable light. Using the provided APIs, we needed to enable people to get purchaseable results from the images they submitted. Ultimately, the app would be used by Slyce to demonstrate to retailers and investors the power and accuracy of their visual search magic.

Research & Hypothesis

After talking with the stakeholders at Slyce, it was apparent that speed and accuracy were critical to the app's success. In order to showcase the powerful technology Slyce offers, we needed to enable people to easily submit an image and get purchasable results back quickly, in a simple and frictionless way. I knew that perceived speed would need to be a focal point during the design and development of the app. Starting image uploads as early as possible and other sleight of hand like tricks would go a long way in making the app feel faster.

Behind the Scenes

I began by wireframing the required views for the app to outline the user's flow through the app. During this process it became clear that enabling people to filter results, or select a category before uploading their image, didn't address the goal of the project. While these features seemed to offer a better overall experience, neither helped to showcase the speed or accuracy of the results Slyce could produce.

Wireframes - Demo app flow

Solution

After a few iterations to tweak how we displayed feedback to the user when their image was uploading, how the results were displayed and how soon the user would be sent to the checkout web view (i.e. removing the result info view), we arrived at our finished product - the Stylefind prototype, so to speak.

The final app was such a hit with Slyce that we decided to spin it off into is own company to create a full consumer app experience that harnesses the power of Slyce.

"With Payments by Wave you can easily accept credit and cash payments on your iOS device and have each transaction flow seamlessly into Wave's small business cloud accounting app."

Payments by Wave is a credit card & cash payments app for iOS.

Wireframes
iTunes
Wave

This app came to fruition in a slightly irregular way. For our first Hackathon at Wave I wanted to create an app that enabled users to accept a credit card (or cash) payment and then have the payment seamlessly flow into Wave's cloud accounting app.

Additionally, I wanted to provide our users the ability to input credit card information as quickly and easily as possible and I wanted to ensure that a receipt of the transaction would be sent after the transaction was successful.

Once it was decided that we would take Payments by Wave for iOS from Hackathon to production I:

• Gathered feedback from co-workers
• Improved the existing wireframes
• Polished up the visual design
• Created user stories for a beta build and beyond
• Worked with the Payments back-end team to create additional APIs
• Recruited and surveyed potential beta participants
• Collected feedback from 60 beta participants
• Definied measurable goals for the app after launch

From the feedback, I wanted to determine how new and existing Wave users would use the app. I wanted to know which features worked, which didn't, what functionality was unnecessary and what was missing. I was looking at the beta as an MVP to tell us what our users actually wanted and what would enable them to get paid faster.

In addition to user feedback, I've determined a number of KPIs (Key Performance Indicators) that we'll monitor via our in-house setup, Mixpanel, and Leanplum. These metrics will help inform us which areas of the app need improvement, which need to be removed and if we're meeting & exceeding our goals.

We'll watch things like DAU (Daily Active Users) & DAU/MAU (Daily Active Users/Monthly Active Users) to determine stickiness and retention. We'll also closely watch downloads, payments volume, sign ups and the LTV (Life Time Value) of the users we're acquiring.

List view

Settings view

"With Receipts by Wave you can snap a photo of your receipt, verify the details and it connects seamlessly to your small biz accounting"

Receipts by Wave is a receipt scanning/OCR app for iOS and Android.

Google Play
Wave

Receipts by Wave was the 3rd major product offering from Wave. We wanted our users to be able to easily scan receipts and have those receipts be attached to the corresponding transactions within Wave.

By way of a 3rd party OCR vendor Wave reads the data from the receipt, populates the relavent fields with data and matches the receipt to a bank record.

As Product Manager & Designer of the mobile team I was asked to wear many hats. I served as Product Designer, Visual Designer, Development Manager and was heavily involved with our marketing efforts (App store descriptions, Artwork, Launch emails, etc.) of the iOS and Android apps.

The launch was one of our best at Wave, being picked up by TechCrunch and numerous other tech, small business and accounting blogs.

More importantly, the app was extremely well received by many of our 600,000 Wave users.

Features

• Apple App Store - Top Overall (#2 in Finance)
• Apple App Store - Made in Canada
• Apple App Store - Finance
• Apple App Store - Business
• TechCrunch

Android - Receipt list

Android - Sign up

Android - Welcome tour

"With Receipts by Wave you can snap a photo of your receipt, verify the details and it connects seamlessly to your small biz accounting"

Receipts by Wave is a receipt scanning/OCR app for iOS and Android.

Wireframes - App flow v1
Wireframes - App flow v3

iTunes
Wave

Receipts by Wave was the 3rd major product offering from Wave. We wanted our users to be able to easily scan receipts and have those receipts be attached to the corresponding transactions within Wave.

By way of a 3rd party OCR vendor Wave reads the data from the receipt, populates the relavent fields with data and matches the receipt to a bank record.

As Product Manager & Designer of the mobile team I was asked to wear many hats. I served as Product Designer, Visual Designer, Development Manager and was heavily involved with our marketing efforts (App store descriptions, Artwork, Launch emails, etc.) of the iOS and Android apps.

The launch was one of our best at Wave, being picked up by TechCrunch and numerous other tech, small business and accounting blogs.

More importantly, the app was extremely well received by many of our 600,000 Wave users.

Features

• Apple App Store - Top Overall (#2 in Finance)
• Apple App Store - Made in Canada
• Apple App Store - Finance
• Apple App Store - Business
• TechCrunch

Features

• Apple App Store - Top Overall (#2 in Finance)
• Apple App Store - Made in Canada
• Apple App Store - Finance
• Apple App Store - Business
• TechCrunch

"Run payroll for your small business in less than a minute. Wave’s payroll tool is the easiest, most affordable way for small businesses to pay their employees."

Payroll by Wave is a payroll app for iOS that enables our Payroll users to run their payroll, anywhere.

Wireframes - App flow
Wireframes - App flow (Personal)

iTunes
Wave
Product video

Payroll by Wave was the 1st mobile offering from Wave. Our goals were to:

1. Enable employers to run their payroll from their iOS device.
2. Enable employers to view past payrolls and pay stubs.
3. Reminded employers to run their payroll
4. Enable employees to view their pay stubs.
5. Notify employees when they've been paid.

As Product Manager & Designer of the mobile team I was asked to wear many hats. I served as Product Designer, Visual Designer, Development Manager and was heavily involved with our marketing efforts.

empty

Overview

Custom Tumblr theme in HTML5, CSS3, and JS (jQuery).

Overview

Developed wireframes, and prototypes for the Conversation Dashboard product within the Awareness Social Hub.

Worked closely with the product owner and a developer to build a testable prototype which met the business goals of a stream based dashboard to handle multiple social media channels.

Overview

Gathered business requirements and client feedback to improve upon the current Insights offering.

Translated wireframes into a robust prototype which was used to preform initial usability tests.

A revised prototype was then used to implement the new design with HTML, CSS and JS.

After determining that the current Insights offering was insufficient and becoming an increasingly common deal-breaker for potential clients, usability tests and client interviews were conducted to determine the pain points for our users.

Feedback gained from these tests and interviews formed the basis for lo-fi wireframes and, in turn, an improved prototype. This new prototype corrected many of the issues users were facing.

In particular, it allowed users to drill down in to statistical anomalies quicker and identify both the source and effect of the spike or drop.

The first revision of the new Insights product has been implemented and is still in development.

Overview

Provided wireframes for a Facebook Campaign setup wizard based on business requirements for the new product.

The goal was to provide a quick and frictionless way for both power users and less experienced users to create a Campaign that will run on a Facebook Page.

Conducted usability testing and implemented feedback over multiple revisions.

Composed initial wireframes to outline the information architecture of the Facebook Campaign Manager.

A prototype of the approved wireframes was then implemented with HTML, CSS and JS.

Upon completion, the new prototype was used to conduct an initial set of internal usability tests.

A second revision of the prototype was implemented and a second group of usability tests were conducted, this time externally.

Feedback from both rounds of testing provided insight into areas where additional help text was needed

Overview

Custom Wordpress theme for Kwerk Design.