Alisa Matthews UX/UI Designer

Blocbox is a SaaS web application which allows users to store and share content all in one location.

View Invision Prototype

Deliverable

SaaS Web Application Design

Responsibilities

UX Design, UI Design, Brand Identity

Tools & Softwares

Figma, Invision, Axure, Illustrator, Photoshop, Principle, Usability Hub, Google Suite

The Problem

People are often saving notes and interesting content they find online, but don't have a way to easily access, organize, edit, and share this content the way they need to.

THE SOLUTION

1. CONTENT ORGANIZATION

Allow users to add, create, and organize content by item type (notes, images, or links), or by creating categories (boxes).

2. ONE LOCATION STORAGE

Users can save and store content all in one place, which allows them access to their content anytime, from any device.

Brainstorming

I began brainstorming, and created a mind map to create a visual relationship between the ideas, thoughts, and words of storing and sharing content.

Survey

I aimed to design a site based on my user's needs, so I put together a survey to find out what other peoples' goals and pain points were for saving and sharing content.

Based on my survey, users wanted to see the following requests/changes:

-Create a way to easily organize content
-Allow users to edit saved content
-Design a way to quickly and easily share content
-Ability to access content from multiple devices
-Non-cluttered and intuitive navigation

88.2% of the responses work in collaborative environments

76.5% often share resources and collaborate with co-workers

Personas

Compiling the results from my survey, I selected a few of the responses to interview with. I used these interviews to create personas, which helped guide me and keep me on track with my user's needs, as I designed the blocbox site.

SWOT Analysis

To better understand my competition, I conducted a SWOT Analysis on 3 of blocbox's competitors:

Evernote, Google Drive, and Dropbox

Based on my SWOT analysis, I decided to focus on the following opportunities:

-Have a category for links/URLS to be saved
-Create a simple and intuitive site navigation
-Create an easy way to organize content

User Flows

User flows help to keep my workflow organized and on track. I used Axure to create the following user flows with the MVP's from my user stories:

TESTING

To make sure that my designs were usable, I conducted some navigation and preference testing. After the first few tests, I decided to remove the original side navigation panel, and create a top navigation bar which gave it a cleaner, modern look, and also provided more valuable screen space for actual content.