UI/UX (Shared with Matthew Sherman)
Prototype Development with Proto.io
Responsive Web Design & Development
Overview: Solve a problem by designing a physical device that is connected to and controlled by a smartphone.
Problem: Microbusinesses — especially those selling on online market places such as eBay, Amazon, Etsy, and Shopify — need an inventory management system to efficiently organize their SKUs in a cost-effective way.
Solution: An inventory management system called Stocked. It consists of two parts — a mobile application and a wireless barcode printer connected to the smartphone. The app is synced with the users’ online marketplaces to keep a real-time inventory list for improved business management and accounting.
Matthew and I conducted extensive research and determined that there is a substantial need for an affordable inventory management product for small home businesses. The research indicated that the majority of users would be women earning between $1,000 – $12,000 from their businesses. This information influenced the development of user personas, task flows, and content architecture.
Matthew and I developed the information architecture by first conducting a thorough content inventory. It was influenced by microbusiness needs, tax requirements, the creation of user personas, and more robust inventory management systems. Next, card sorting was executed. The architecture was revised after user testing indicated that the main actions or tasks should be on the start screen, not the activity screen as initially thought.
I sketched these wireframes quickly, following a task flow screen by screen. This process was insiteful, as it helped to flesh out and revise the task flow. I then used these sketches to develop a wireframed prototype on the proto.io platform.
This is a revised task flow Matthew and I created after user testing a wireframed prototype. It shows how a stock item would be added into the Stocked inventory management system. It takes into account items that have existing barcodes as well as those that require new ones. It includes confirmation messages as well as error handling. Matthew and I created the content of these flows together, and Matthew executed their illustration.
The user interface was heavily influenced by the iOS7 human interface guidelines. Because of the complex nature of the task flows, we used a minimal visual design treatment to maintain simplicity and ease of use. Matthew executed these skins on the proto.io prototype.
I built the responsive landing page as a one-page site in WordPress. It focuses on explaining how the inventory management application and wireless barcode printer work in tandem. It also highlights the affordability, features, and benefits of the product from the customer perspective.
Matthew and I researched promotional videos for products such as Square, LightSpeed, and Red Laser. We wanted to create a video that spoke from the customer’s perspective and felt authentic. We worked together on the script, Matthew created the storyboard and sourced the talent. On set Matthew directed, and I ran sound. Matthew edited the video.
We created the customer journey to indicate how customers would discover, purchase, and engage with the Stocked Inventory Management System.