Blocbox is a SaaS (Software as a Service) web application which allows people 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.
This web page was built as a part of Bloc's Design Foundations Curriculum.
In a fictional scenario, I've won a contract for a new startup named Blocbox. As the UX Designer, I've been tasked with designing the product and the following deliverables.
For this web application, Blocbox needed the following:
- Home Page
- Account creation
- Email / Password
- Social Signon
- Dashboard
- View content
- Ability to add
- Links
- Images
- Textbased documents
- Collaborators
- Sharing functionality
- Create folders
- Add items to favorites
- Pricing tiers
- Free
- Pro
- Expert
- Upgrade account
- Capture credit card information
Pricing Tiers All accounts are free for a trial period of 30 days. Users can upgrade at any time.
- Free Account:
- Up to five folders/groups/boxes.
- Ability to add up to 10 collaborators
- 2GB of storage
- Professional Account:
- Unlimited boxes
- Ability to add up to 20 collaborators
- 5GB of storage
- Realtime collaboration
- Expert Account:
- Unlimted boxes
- Ability to add unlimited collaborators
- Unlimited storage
- Realtime collaboration
I used UX design concepts to create mockups and a clickable web page to showcase a working prototype for the client.
- Discovery & Research
- Surveys
- Interviews
- Strategy
- Competitive Analysis
- User Personas
- Informational Architecture
- Sitemaps
- User flows
- Low-Fidelity wireframes
- Usability Testing
- Design
- High-Fidelity mockups
- Logo/Branding
- Style Guide
- Development
- Interactive Prototype
- HTML/CSS Development
- Usability Testing
Checkout Blocbox.
- Teresa Tran
- Bloc Curriculum
- w3schools
- Mozilla Developer Network