Say goodbye to dead zones

Vilo Living is a mesh router solution designed to provide reliable coverage for Internet service providers and consumers. Our goal is to eliminate dead zones in customers' homes and improve overall coverage. In this case study, we will examine the integration of Vilo Living with Bark. The challenge was to effectively incorporate these two brands in a cohesive and concise manner. The results of this integration will be discussed in order to provide insight into the benefits and effectiveness of this solution.

Vilo’s Current Parental Control

For the current UI, users must go to individual network page, select parental controls, add and select a device, and manage usage from there. Users are able to allow internet access, manager per device, and even block websites URL.

Blocks categories, and managers per user.

To understand what exactly the difference in our product and what we wanted to integrate, I created a competitive analysis on Vilo and Bark parental controls and found these interesting differences.

Understanding the different scenarios for our users.

During the user flow phase, we had to come up with different kinds of flows for the scenarios our users would encounter. Because the way Bark feature would be built, Bark would only be implemented by firmware upgrade, and toggling the button on within the settings, and during the new user flow. Toggling the Bark feature was a huge thing for us because during the time of the testing phase, we found that leaving the toggle button on would slow down the users internet connectivity. While communicating with the product manager and dev team, we were able to solve this issue by allow the users to toggle the button if they wanted to use the feature.

Going deeper in this phase, we also had to understand each edge case, and error case our users would encounter to help our dev team understand the different types of scenarios a typical user would face.

Understanding Each Flow, For Each Scenario

During the wireframe phase, I went off the user flows to help create each screen we needed to design. Initially our product manager said we needed just a happy path, but later down the project we figured unhappy path’s needed to be considered as well.

During the first iteration process, this was a very big step for us because initially because we thought the “ Get started” CTA on the first wireframe would work for both new and existing users. After finishing the flow, reviewing it with the team we sent it off to DEV and later found out that after DEV team had encountered an error when existing bark users landed on this page. After myself, DEV team, and our product manager had spoken about our road block, I had then hit the books on how we can incorporate 2 links for new and existing users to interact with our bark mobile login page.

Bark inside individual settings page> Vilo account level
This was a huge point because the way the app is broken down, the app has 2 levels of of management. The app level, and the individual network level.