• blocbox

a cloud-based software application for users to save, share and collaborate information: create simple notes, store images, and add links.

BLOCBOX

ABOUT

Blocbox is a cloud-based software that allows users to save, share and collaborate information: create simple notes, store images, and add links.

PROBLEM

User’s found it frustrating to use current software services that allows them to organize & manage all types of content easefully.

1 RESEARCH


SURVEY

  • ability to bookmark
  • ability to save
  • ability to share
  • open it anytime & anywhere
  • private share + public share
  • collaboration with friends + co-workers
  • easefulness of using the device
  • upload speed to bookmark, save and share

The list above are a mixture of the necessities, wishes, and wants I gathered from a survey as a first step for my research for Blocbox.

COMPETITIVE MARKET ANALYSIS

1 / 2
2 / 2

Box and dropbox were two well-established companies and had similar necessities, wishes and wants of potential users of Blocbox, based on results of the survey. Completed a thorough research analyzing the components that seems to attract users, and took notes of opportunities & weaknesses that I can use to make it better on blocbox.

2 GOAL


3 STORYTELLING


USER PERSONA

1 / 3
2 / 3
3 / 3

The main purpose was to focus on one customer only each interview, and to empathically get to know them. This process made it easier for them to release all their preferences & pain-points, and it gave me a clearer vision of their experience using Blocbox-like products.

USER STORY

The second step was creating the user stories which helped me rank all the possible attributes and actions listed from, most important to least important, on what a user would be able to do on Blocbox.

USER FLOW

1 / 2
2 / 2
2 / 2

The flows helped me visualize even further on the information architecture of Blocbox. This later heavily contributed to the creation of the low-fidelity and high-fidelty prototype.

4 BRANDING


STYLE GUIDE

1 / 2
2 / 2

Implementing the the themes of minimalism & simplicity was a great fit for the brand’s reputation and culture. I wanted to create a professional brand, yet also include a tint of playfulness and a welcoming aura.

I thought including only the letter B inside a blue box, would be perfect. My goal at this point was to keep the tone of the brand logo, somewhat neutral, and let the content of blocbox do the most of the work.

The complimentary and opaque flavor of the color blue to me represents the essence of calmness. I simply wanted users to use blocbox with ease and gentle flow throughout the whole process.

5 PROTOTYPE


LO-FI

1 / 23
2 / 23
3 / 23
4 / 23
5 / 23
6 / 23
7 / 23
8 / 23
9 / 23
10 / 23
11 / 23
12 / 23
13 / 23
14 / 23
15 / 23
16 / 23
17 / 23
18 / 23
19 / 23
20 / 23
21 / 23
22 / 23
23 / 23

The LO-FI phase of the prototype consists of simple colors (black / grey / white) to prevent confusions and reduce alternatives for the designer, and ultimately for users during the TESTING process.

HI-FI

1 / 14
2 / 14
3 / 14
4 / 14
5 / 14
6 / 14
7 / 14
8 / 14
9 / 14
10 / 14
11 / 14
12 / 14
13 / 14
14 / 14

The HI-FI phase evidently consists of various vibrant colors mainly to visually attract users with a bright orange-yellow color button (call-to-action). At this point, I knew that the first half of the mission was complete.

CONCLUSION


Review of Negative Feedbacks (User Testing & User Feedback)

  • Horizontal layout was not visually appealing, and was difficult to navigate.

Solution of Negative Feedbacks

  • Learned that the nature structure and movement of the eye is most comfortable when its vertical.
  • In conclusion, changed the horizontal lay out structure of the contents to a vertical version.