WEB APPLICATION | SIDE PROJECT

Save, share and collaborate. Blocbox allows you to collect information and store it in a single place. A person can create simple documents, store images, links to websites, and collaborate with others.

MY RULES:

Visual Designer. Interaction Designer. Illustrator. Developer

TOOLS:

Illustrator. Sketch. Photoshop. Invision. HTML. CSS. Javascript.

TIME:

1 mounth
Start 2016 November.

Our Process Overview

Design Goal

Blocbox is mean to proved an information saving and sharing platform. It's also my first project fully developed by myself. The website is primarily for personal use: add notes, URL, and images. Create folders for information sorting and ability to share as well as collaborate. So I tried to keep it simple and clean, yet stylish, because I want to increase the brand identity and build a deeper relationship with users.

Competitive Analysis

I also identified a few competing products by competitive analysis. I found that Blocbox should focus on people who prefer quick notes and make it easy to share. It's also a challenge to establish their brand identity to compete with the old brand who shares big market portion.

Wireframe

Style Guide

Hi-Fi Mockup

Home Page
Dashboard

< Previous

Home

Next >