In Summer 2017, I interned at WillowTree, a mobile app agency.
As the product design intern, I was responsible for the full design of DeviceVault. I mapped out the product from start to finish, working with developers to make DeviceVault a reality.
I oversaw the entire design process and designed the entire UI from beginning to end. I worked with developers and quality assurance (QA) to ensure that the product would be feasible and achievable.
Visual & UI Design
Aug 2017 (4 weeks)
At WillowTree, developers often borrow mobile devices to test software.
The devices live in the device library, which is open for anyone to access for testing different builds and designs.
Any time someone checks out a device, they must update the device's status on the online board that tracks device usage across the company offices. It has to be manually updated each and every time a device is checked out or returned.
Developers would often forget to update the device’s check-out status on the online board, which led to confusion–it was hard to keep track of a particular device’s location.
From surveying several developers in the office, I gathered more info on specific themes encountered while borrowing test devices.
The internal website used for the device library was slowly being phased out of the company in favor of a new content management system, so people stopped updating it.
Lack of accurate, up-to-date info
Developers often forgot to update a device’s status due to having to manually input info. As a result, there was inconsistency between the device’s supposed status and its actual status.
Developers felt that updating the online board usually interrupted them for a couple minutes, which was enough to distract from the flow of their work.
Seamlessly immerse device checkout process into workflow.
Increase ease of access and accelerate the process of checking out a test device.
Use brand elements to reinforce WillowTree brand image among suite of internal tools.
I decided to design a mobile app that could act as an in-between point for developers and devices. This mobile app allows developers to check out a device directly on the device they are borrowing, making it much easier to update its status.
The app will automatically identify the type of device that is being used (a company device vs. personal device), then push the user towards a certain app experience.
Two different experiences based on whether the user is using a company device or their personal device. On a company device, the Status tab displays the availability of that very device as you hold it in your hand. On a personal device, the Status tab is a dashboard that displays your device activity.
Checking out a device is now done on a company or personal device, prioritizing convenience for the developer and cuts out the need to go to the online board.
Introducing DeviceVault, my proposed solution for the test device checkout process.
I designed DeviceVault on my own, over 3 weeks. I started off with some wireframes to test concepts but due to the quick timeline, I quickly transitioned into mockups to complete the design.
I studied mobile design patterns, utilized my visual/interaction skills to design UI and apply motion, and applied company branding to the product.
To Julia Swenson, my mentor, manager, and daily source of design advice at WillowTree.
To Joel Garrett, the engineer at WillowTree that approached me to design DeviceVault.
To WillowTree for giving me the fantastic opportunity to grow over Summer 2017.