top of page

VERIFYT: "Modular" App

My Role
User Experience Design
Project Management

Company
 

Team
1 UX designer
1 UI designer
App + web developers

Date
November, 2018

Netvirta_Horizontal_Logo_Color.png

Client + Product Summary
NetVirta is a B2B2C SaaS company who has created several smartphone-based, 3D body scanning technologies that serve an array of industries. Examples include CurveCapture®, a mobile 3D scanning app used to scan patients heads, aiding in the creation of custom cranial orthotics, and Verifyt®, a full-body and foot scanning app used to suggest best fitting shoes and apparel. These scanning apps are complimented with: (1) an end-consumer facing eCommerce plug-in that connects with the scanning app to suggest best sizes and styles directly on a partnering brands' eCommerce site, and (2) a business-facing customer intelligence portal used as a 3D model database and analytical tool.

NetVirta offers several different products that are created based on the intended user group. For example, scanning apps that are end-consumer facing and used within the consumer's home are going to have a very different user flow compared to an app meant for in-store use by a sales associate. There are many factors that affect the app experience, including time constraints, privacy, user expertise, and environment.

Project Goals + Research Questions
Due to the vast differences in the technology solutions they provide for their partners, NetVirta wanted to create a modular "supreme" product that included all possible features for all their solutions. This all-encompassing solution would allow NetVirta to easily customize the platform to create client-specific solutions. I served as the head of UX design during the creation of this platform.

Tools Used

video icon.png

Adobe Premier Pro
Created demo video of apps before they were fully functional to show potential clients

Microsoft Visio
Created combined app flow for development team

process icon.png

Pen & Paper
Sketched example app pages to further explain the app flow

pen and paper icon.png

Discovery Phase

1. Stakeholder Interviews
Met with brand stakeholders from a variety of industries (apparel, footwear, sports equipment, etc.) to learn how 3D scanning could help them in their short and long term goals

2. Customer Focus Group
Conducted a focus group with females to gauge the needs of those who wear bras and the likelihood of using 3D scanning to solve the bra fit problem

3. End-Consumer User Testing
Conducted user testing with multiple iterations of the full-body and foot 3D scanning app to collect feedback on the experience

The Process

1

Initial Research
Identified the pain points of an array of stakeholders in a handful of wearable markets including apparel, footwear, medical wearables, sports equipment, and more. Did so through meetings with stakeholders from wearable brands, user testing with potential end-consumers, and a focus group.

2

Original App Design
Based on the initial research, I:
 

  1. determined the app functions needed to meet client (businesses) and customer (end-consumer) needs

  2. put together an app workflow and original sketches

  3. worked with our creative design team to finalize entire app design and with our app developers to finalize the 3D scanning experience, including process, visual and audio prompt development, and flow

  4. organized video shoots for our app tutorial and helped in the compilation and cutting of the video

  5. created voice-overs for the 3D scanning tutorial

  6. helped create on screen visuals (graphical overlays) for an easy user experience

3

Additional Research & App Iteratations
Using our research findings, we continuously implemented design and technology changes to our 3D scanning app. These new app versions were then presented to the same and additional stakeholders to continue receiving feedback and implementing changes until we got close enough to having a useful solution for these brands and their end-consumers.

Final Workflow

After identifying all key screens, features, and functions that will meet the needs of all possible stakeholders, I worked closely with our development team to create a workflow that accounted for all possible applications and use cases. Here is a screenshot of the mobile app workflow:

Workflow Legend

Key screen

Decision point

In-store solution

At-home solution

workflow 1.PNG
workflow 2.PNG

Final Sketches

Once the workflow was sorted out and agreed upon, I went through several rounds of sketches for the app design before sending over to our UI designer. Below is a picture of the mobile app sketches:

Mobile App_Sketch_v2.jpg

Final Design

After several iterations, we settled on the below, final mobile app design. We used the in-store foot scanning, mobile app as our example for this design. Due to it being an in-store application, the below example is shown on an iPad screen, representative of how it would be used in store:

veifyt log-in.PNG
Questionnaire.PNG
Select scan type.PNG
recommendations.PNG

2023: Current Design

Over the past 4 years, we have continuously iterated on the Verifyt app to get to where we are today. NetVirta has a generic Verifyt app that anyone can use to scan their full-body or foot, several brand specific apps that utilize our scanning capabilities, and a mobile-SDK that plugs our scanning function into a brand's already existing app

Generic Verifyt App

Verifyt_Vertical_Color.png
apple app store.png
google-play-badge.png

Verifyt Mobile-SDK in a Brand's App

VS&Co Logo_Primary_Black.png
apple app store.png
google-play-badge.png

© 2023 by CHELSEA MORGAN.

bottom of page