QuickAD.io
Web application
Feb 2020
When I was assigned to the project, the product was already in production for quite a vile and had a working prototype whit a dev version of the interface. I started by talking with the client and gathering as much intel as I could. Since I was assigned to the project for a short time (2 working weeks), my next step was to gather information from the lead developer.
After getting intel and aligning my work process with the lead developer, I started working on a user flow.
From the interview with the client, I figured out that the main target audience is people with limited or no video editing knowledge, and no time to learn the intricate parts of video editing software. The second most outstanding aspect was that the companies the product was aimed at were mostly on a tight budget.
With this in mind, I designed a user flow that was short and easy to navigate. The user starts with the view of the "main operation panel" (home screen), where they are presented with pre-existing projects (retained users), or in the case of new users, the only option is to start a new project.
The application guides the user through the whole process of creating new video content, and the whole process has only 4 steps. I also decided to gatekeep the user from continuing to the next step if they don't fill in all the relevant information. The next improvement I implemented was to add drag and drop functionality to all of the file uploading fields (but also retaining the option to just choose files from the computer in the additional window).
The next step was to pair the developed UX with a new UI, and since there are plans to further work and expand the product, I decided to use a full design system. For this project, I worked in Figma where I decided to implement a strict workflow that worked great for the small team (client, full-stack developer and, me as a designer).
I went for a toned-down user interface that mimicked the look of a rigid but stable financial application. I decided on this since a few of our potential users were familiar with a more administrative type of application. For the colors, I chose a very limited color palette that in my opinion looks clean, simple, and minimal. I also went with limited use of icons, and even respectively labeled them (the user can hover over any icon to get the description of the function).