CASE STUDY

BOXLY

ABOUT THIS PROJECT

PROBLEM: Users find it difficult to collect, store, and share information all in one place.

SOLUTION: Curate the best features of competitors and combine them into one product.

RESULT: Users enjoyed the simplicity and capability of the MVP to organize & manage their information and suggested features for future releases.

MY ROLE: Visual Design, Info Arch (e.g. user flows, wireframes), Usability Testing.

MY TOOLS: Sketch, InVision, Figma, UserTesting.com, G-Suite (Forms, Sheet), Axure, Balsamiq.

VIEW PROTOTYPE
laptop screen showing boxly dashboard

SUMMARY

Boxly is a SaaS (Software as a Service) web application which allows people to collect information, store it in a single place, and collaborate with others. A person can create simple documents, store images, links to websites, and collaborate with others.

I needed to know what features to put in Boxly and how to position it in the market so that it stands out and provides a unique service that the market is currently lacking. I wanted to discover what features were neccessary in our app at the MVP level. I also wanted to discover what features were the most relevant to each different demographic, and on which specific demographic to focus our efforts and resources.

It was important to research users and discover the kinds of features that succeeded with people and what features (or lack of features) created pain points in the average user and to what degree these pain points influenced the users’ likelihood to continue or discontinue using the product. I was also interested in discovering to what extent the product’s UI and layout affected a user’s experience of the product and what degree of inconvenience a user was willing to put up with before leaving the product. I was also interested in determining the target market demographic I would be aiming for in developing Boxly.

USER RESEARCH

I divided my survey into the following sections:

General questions regarding users’ electronic tools and online habits
How they save content and write notes
The types of interactions they had in their work environment
To what extent they used social media to sign onto other websites
Demographic/background info to better understand who are users are

SURVEY RESULTS

DAILY HABITS OF USERS

100%

Prefer to browse online on a desktop/laptop vs. smartphone (57%)

100%

Enjoy sharing resources often (57%) or sometime (43%) with colleagues

87%

Have either a Facebook or Twitter account

86%

Work in a collaborative environment

COMPETITORS

Boxly aims to provide a product that solves some of the pain points suffered by users of Dropbox, Google Docs, Evernote, and Pinterest, especially when it comes to easy, intuitive, and effective collaboration among team members. I strived to create a product that effectively merges the collaborative features of Google Docs with the aesthetics of Dropbox Paper, the storyboard layout of Pinterest, and the organizational capability of Evernote (e.g. scanning an image of a receipt and converting it into text, tagging notes and articles into labels/folders for quick retrieval).

PERSONAS

DANIEL JOHNSON

AGE: 36
OCCUPATION: Creative Director
LOCATION: Chicago, IL

If I had a way to share inspiration with my team, we could save time from meeting constantly.

BIO
Daniel is one of the founding members of a young startup and leads a team of 4 designers. He’s an early adopter, grabbing up the latest technology devices. He commutes into the city by subway, browsing on his phone during the 30 minute ride. He’s interested in photography. He loves trying a new restaurant every night if possible.

MOTIVATIONS
Daniel loves to save images he finds online for inspiration. He’s bookmarked hundreds over the course of 3 years. However, the browser can just be slightly frustrating. Creating folders, managing them, etc. It’s sometimes overwhelming and should be easier. He wants to collaborate with others on his team to share what he finds with ease. Subscribes to several software applications, and never can remember passwords. Would love something that combines a few of those.

FRUSTRATIONS
Difficulty managing bookmarks • Too many different softwares • Not accessible on all devices

TONI WASHINGTON

AGE: 33
OCCUPATION: Marketing Manager
LOCATION: Seattle, WA

I can never remember what I bookmarked, so having an easy way to view the stuff I like would be fantastic.

BIO
Susan is married with two kids, residing in the suburbs of Seattle. She is the marketing manager for a large corporation and her team collaborates often with the design and development teams. When she leaves work, Susan doesn’t take her laptop home with her, trying to distinguish the boundary between home and work. However, she oftens finds herself working at night to finish projects.

MOTIVATIONS
Susan typically bookmarks content she finds interesting in the browser. However, she often forgets what she’s bookmarked, and keeping track of it can be slightly overwhelming. She primarily uses her laptop at work to gather this type of content, but without it being synced online, she’s unable to access it at home. Susan likes to keep notes for herself and for work, but hasn’t found a tool she enjoys. While she works closely with peers, she rarely shares resources with them.

FRUSTRATIONS
Only accessible on work laptop • Hard to remember what’s bookmarked • Other software is difficult to use

AMY GREGORY

AGE: 29
OCCUPATION: Graphic Designer
LOCATION: Houston, TX

Right now, my computer can’t take all of the images I’m trying to save. I need a simple way to capture and refer back to this stuff.

BIO
Amy recently changed careers from nursing to graphic design. She’s picked up a few freelance jobs and is interviewing with several companies for a fulltime position. She uses her phone to check Facebook and Twitter, and sometimes likes to jot down notes to remind her of things she needs to do. Swimming and running are her passions. When she’s not busy, Amy loves to hit the beach.

MOTIVATIONS
Amy is always looking for inspiration and gathers everything possible to help her. Typically, she downloads an image or takes a screenshot, and then stores these on her computer. She’s used Pinterest before, but not for work. She likes being able to pull up the site anywhere, but organizing the content isn’t the easiest. For notes, she defers to pen and paper. It helps her remember things, but Amy often forgets to take the note pad with her when she leaves the house.

FRUSTRATIONS
Older computer has less hard drive space • Doesn’t know what tools to use • Organizing is time consuming

STYLE GUIDE

INFORMATION ARCHITECTURE

Using a whiteboard, I mapped out user stories and user flows that helped me build a framework of users' needs that I could apply to the wireframes and mockups.

USER FLOWS

WIREFRAMES

Based on the information architecture I mapped out, I created three wireframes with different layouts. I decided that Sections 1 & 2 (in red below) were the layouts I liked the best.

USABILITY TESTING

Using UserTesting, I tested a wireframe of the homepage and mockups of the dashboard. Based on these responses, I made adjustments, such as changing button sizes, and moving the navigation bar and breadcrumb menu. Below are the questions I asked.

WIREFRAME - TEST PLAN

Introduction

Please note that for this test, you’ll be using a prototype, not a finished product. Some features may be missing or unresponsive. If something doesn’t work as expected, tell us what you think should happen.

Tasks

Look around and talk about what you think this is about. What can you do here, what's it for, what strikes you about it?
Think of something you might want to do here. Try and do that thing.
What, if anything, do you like or dislike?
Since this isn’t a finished design, what would you like to see in the final version?

MOCKUPS - TEST PLAN

Introduction

Imagine you want to save inspiring things you find online.

Tasks

Without leaving this page, in your own words, describe what do you think you can do on this [WEBSITE, PAGE, SECTION]? Be specific.
Do you trust this company? Do they look reliable? [Verbal Response]
Is there any information on this page that you think is missing? [Verbal Response]
You're a new user of Boxly. Sign in and access your dashboard.
Change your user settings.
Add a piece of content.

Questions

What frustrated you most about this site?
If you had a magic wand, how would you improve this site?
What did you like about the site?
How likely are you to recommend this site to a friend or colleague (0=Not at all likely, and 10=Very Likely)?

VIEW PROTOTYPE
laptop screen showing boxly dashboard

Wanna connect?

I'd love to hear from you! To get in touch, please e-mail me or say hello on LinkedIn. Also, please feel free to download my resume.

CASE STUDY

BOXLY

ABOUT THIS PROJECT

SUMMARY

USER RESEARCH

SURVEY RESULTS

DAILY HABITS OF USERS

COMPETITORS

PERSONAS

DANIEL JOHNSON

TONI WASHINGTON

AMY GREGORY

STYLE GUIDE

INFORMATION ARCHITECTURE

USER FLOWS

WIREFRAMES

USABILITY TESTING

WIREFRAME - TEST PLAN

MOCKUPS - TEST PLAN

Wanna connect?

More Projects

Boxly

What Do You Meme?
Mobile Game

CSS LAB: JW FOLIO

Daily UI

Untitled 2013-2018

Coming Soon!

CASE STUDY

BOXLY

ABOUT THIS PROJECT

SUMMARY

USER RESEARCH

SURVEY RESULTS

DAILY HABITS OF USERS

COMPETITORS

PERSONAS

DANIEL JOHNSON

TONI WASHINGTON

AMY GREGORY

STYLE GUIDE

INFORMATION ARCHITECTURE

USER FLOWS

WIREFRAMES

USABILITY TESTING

WIREFRAME - TEST PLAN

MOCKUPS - TEST PLAN

Wanna connect?

More Projects

Boxly

What Do You Meme? Mobile Game

CSS LAB: JW FOLIO

Daily UI

Untitled 2013-2018

Coming Soon!

What Do You Meme?
Mobile Game