WorkSpace Mobile App Design
Step 1 - Empathize & Define
Design an app that is useful for people who want to reserve a remote workspace.
Step 2 - Ideate With Rapid Sketching
Rapid sketching was used to quickly explore multiple layout ideas.
Step 3 - Low-Fidelity Wireframes & Prototype
Low-fidelity wireframes were created then converted into a prototype allowing for early testing and feedback.
View Lo-Fi Prototype
Step 4 - High-Fidelity Mockups & Prototype
Visual elements were applied to create high-fidelity mockups and a prototype allowing for further testing and iteration.
View Hi-Fi Prototype
Step 5 - Style Guide
A simple style guide was created to ensure consistency of visual elements.
Step 6 - Iterate & Refine
Screenshots of the finished mobile app design after incorporating feedback from user testing.
WorkSpace Responsive Website Design
Step 1 - Sitemap
A simple sitemap was created to establish the information architecture of the website.
Step 2 - Low-Fidelity Wireframes
Low-fidelity wireframes were created to establish page layouts.
Step 3 - High-Fidelity Mockups & Prototype
High-fidelity mockups and a prototype were created after several revisions to the lo-fi design.
View Desktop Prototype
Step 4 - Responsive Design
Each page of the desktop design was modified to fit on a mobile screen.
View Responsive Prototype
Step 5 - Iterate & Refine
Screenshots of the finished website design after incorporating feedback from user testing.
Back to Case Studies