Web app design for storing and visualizing cloud-saved data.
The right design approach in this project was key, it allowed me to design the flows of use and interaction while always keeping the user's needs at the center.
It was the second time I was in charge of the design of Cubbit's Web app, and this time I had much more data to support my design choices, but the technical constraints of Cubbit's distributed technology also played a key role.
The goals of this new redesign were to increase the retention rate and thus achieve a decrease in requests for refund, and to reduce the number of tickets to be managed.
Compared to the previous version I focused on optimizing and introducing some elements, specifically:
I then began to study the flows of onboarding and user interaction with the service. I also conducted some user interviews to better define the user issues or needs related to these flows. From buying a plan to sharing a file, which ones needed to be improved and which ones could be considered as strengths of the service. Once designed the final UX flows related to the interaction of users with the service I focused on the study of wireframes and then on the design of interfaces.
For the redesign of the onboarding flows and the definition of the objectives that the new design wanted to achieve, I organized some working tables that allowed everyone to contribute on the new design. The main objective was to increase user retention and to do so we have defined the best of what could be the strengths of our service but also the weaknesses that we tried to turn into a strength and differentiation from competitors.
Through the use of the new Design System I started to build the UI based on the validation of mockups and flows. First of all, I redesigned the hierarchy of display of the elements that compose the Home. The main focus had to be the display of listed elements and the possibility of displaying them in Grid view to allow the user to quickly navigate between the thumbnails of the files.
First of all, I decided to introduce an explanation tutorial to the web that would best express how Cubbit is different from its competitors.
I redesigned the hierarchy of display of the elements that compose the Home. The main focus had to be the display of listed elements and the possibility of displaying them in Grid view to allow the user to quickly navigate between the thumbnails of the files.
Next, I took care of the design of the transfers part. Being Cubbit a Cloud service this is a fundamental part for the user who interacts with the application to upload or download their files. I decided to keep the upload and download queues separate for greater clarity and cleanliness of interaction. Since Cubbit is structurally different from other cloud services it was necessary to introduce elements to explain to the user how it is different and justify the speed debt that often occurs when compared with other services, this is to try to turn a potential weakness into a strength.
Cubbit is a Sync&Share service and for this reason plays a fundamental role also the study of the management of the sharing modes by email and by link. Specifically, in the management and design of the feature of sharing via link I also integrated a part of explanation of the service in order to introduce the service to users who receive a link but do not know Cubbit cloud. The link can be generated in a public or private way to ensure maximum security for your files. A file can also be shared via email and you can manage the permissions of your invitations.
A key part of the design revolved around the CO2 concept, Cubbit through its distributed network contributes to save CO2 when compared to the consumption of other Cloud Storage services. In the redesign I opted to define an area dedicated to this benefit and allow the user to monitor their savings but also to have a vision of how much all Cubbit users are contributing to save. Through this interaction modal it's also possible to introduce notifications when some goals are reached and it opens the possibility to introduce some gamification steps to incentivize the user to use Cubbit to contribute to CO2 savings.
Cubbit has as big challenge to build a distributed network and often the sprints are entirely occupied by the management and optimization of the network, users do not often notice these improvements, so it was necessary a page that would allow users to perceive the great workload that daily is carried out by the development team. I identified this theme thanks to the interviews where many users have exposed doubts about the progress of the project.
Even the profile section has been redesigned in an attempt to improve the visual hierarchy and use of the many information. The Claim part (characterizing the service, the Cubbit Cell must be connected by the user who in this way activates his own cloud space) had to be enhanced and therefore it was moved out of the profile section. Profile where it is still possible to manage your connected space also through the use of the 4 accounts feature, where you can give one of your space to other 4 accounts.
Fundamental was also the management of the application from other devices and therefore its responsive development. Here are some screenshots of the mobile responsive version.
Through the new web app the rate of abandonment and refund requests has decreased by 28% and user feedback has been more than positive, dwell time within the app has increased and open tickets have decreased by 32%, this is probably because we managed to make users more aware of the technological innovation at the base of Cubbit, which justifies some small pain in performance compared to competitors.
The app is continuously improving and it remains fundamental to keep the user at the center of our design in order to build with him the product of the future.