Blocbox is a colloborative platform that lets you organize documents, store images, and add links all in one space. Blocbox was my first design project as part of my apprenticeship program, a creative play on the Dropbox platform.
Roles
UX Design
Visual Design
Development
Deliverables
User Reserach
User Personas
Comp.Analysis
User Flows
Style Guide
Wireframes
User Testing
Prototypes
Tools
Sketch
Abobe CS
Balsamiq
Peek
InVision
As work enviornments evolve, so should the platforms we use to colloboarte with others. Within work teams, we save and share information in different ways often miscommunicating or loosing items. 5This can be frustrating for meeting deadlines and progressing projects.
Blocbox lets users group images, create notes and add links based on projects and teams. You can experience a simple and more intutive way to organize all your work information with the right team members.
After reviewing the Blocbox business requirements, I surveyed users to understand
how they currently save and share information.72% download or bookmark information
while 79% work in a team based enviornment such as design or engineering. 65% found current
apps limited when it comes to sharing.
I also reviewed current competitors such as Box, DropBox,
and Egnyte all of which offer a work space environment but
designed differently for their user base. Taking this research,
I created personas and user flows to define the design direction.
Madison is the creative director for a fast paced fashion startup. She is constantly on the go and can loose track of her team’s multiple projects, all of which include images ,mockups, timelines, etc. She can’t always find her saved photos or has a hard time sharing with certain team meambers. As a user, Madison wants to find her saved information faster and share with selected people.
Users like Madison want an easier way to organize their stuff and share it appropriately. With this in mind, I created user flows focused on colloboration and dashboard set up. Having a blank dashboard for new users helps guide them to add content and manage their colloborators.
Throughout the wireframe process, I refined elements based on user feedback and created a brand identity that inspired creativity and collobration in work enviornments. Rounded typeface and vivid colors were chosen to reflect the brand and wireframes were continously changed to align with user goals.
Through click tests, users were asked to add content to their dashboard and most users suggested a search bar to easily find their items. To learn more, I performed a preference test on different positions of the Add button and search bar. 80% of users chose to have the search bar on the right and the add button closer to the left side menu. Using this feedback I was able to apply design changes and create a better user experience.
Blocbox helps solve a real work problem by letting users save, share and colloborate in a creative yet simple manner. This ultimately helps work teams be more productive and organized. Through research and user testing, I was able to make design changes quickly and truly understand the user goals. Using InVision,I built the Blocbox prototype which can be viewed below.