Listen to your users

The team of field marketing managers were required to submit their marketing requests via an internal intake app that was making their lives harder.
I led the redesign of the marketing request intake web app, leading to a ticket submission time reduced to under 20min, the dropout rate being reduced to zero and the increase of the number of requests, increasing productivity.

https://unsplash.com/photos/crowd-of-people-in-building-lobby-nOvIa_x_tfo?utm_content=creditShareLink&utm_medium=referral&utm_source=unsplash

One app, 99 problems

The field marketing managers relied on a request intake form app to submit requests to the marketing team. The app was a constant source of anxiety, frustration and wasted time through back and forth communications via MS Teams chats and endless email threads.

Company growth: new employees, old processes

The original form served its purpose when the company had 500+ employees but, after an exponential growth (2000+) in 2 years, it became clear it needed to be analyzed and redesigned.

We ran usability tests with power users which had a duration of 30/45 minutes. Our objective was to understand how they behaved and felt while requesting a booth design, collateral (brochures, directional signs), and social media coverage through the marketing request form.
We concluded that:

Confusing layout

The two-column layout and flow did not favour a good user experience. For example, the “Project Timelines” card occupied too much space and was intrusive to the flow by pushing the actual form fields under the fold. The “Project Type” card would often be ignored and forgotten after filling out the rest of the form.

Excessive vertical length

In the existing design, users needed to scroll past the fold to start filling out the form, leading some users to skip the form altogether and contact the marketing team directly, undermining its purpose.

Redundancy and similar naming conventions leading to confusion

Some fields seemed redundant like "File/Folder Link", "Final Approved Content" and "File(s) Upload". All these could be consolidated into one field.

Some fields didn't offer much context such as "Vertical". As a new user, it was hard to know what to input in such field. "Availability Date" fields were often object of confusion and/or left blank.

Analyzing the journey

The user interviews allowed us to understand our user's journey and identify opportunities to improve it.

Everything above the fold

We designed 3 wireframes for consideration and, after meeting with the stakeholders, this was the selected wireframe to test and finesse.

The landing page had all the information above the fold in a clear and structured way, there was a progress bar to help users keep track of their progress and the tiles were grouped by team inside the marketing department.

MVP

After reviewing it with stakeholders and users we designed the mvp for the marketing request form.
We added icons to help identify the team/service the user was looking for and, once clicked or tapped, each tile would flip and show the items to choose from.
Chunking the form into 3 steps and consolidating the redundant fields made the form shorter and the information easier to digest.
Image 3
Image 4
Here we can visualize the progress bar in detail
We chose to turn some input fields into multiple option dropdown menus. This gave clear options for the user to choose from, minimizing the confusion and helping users that are new to the company identifying the information they are looking for.

Preventing progress loss

Finally, we added an auto-save feature to ensure the users would keep most of their work in case of a bug or loss of internet connection.

This also opened doors to a seamless worflow. Since the main users are in the field, mostly using their mobile devices, this auto-save feature allowed them to start submitting a request on-the-go and having the possibility of finishing it when on their desktops.

Results & Learnings

With the re-designed form:
This was a great opportunity to educate the marketing department on validating design choices with users.
It was also a chance for me to further develop my project management skills as I was wearing many hats by being a senior graphic designer with team lead functions and also a UX/UI Specialist. This project was taken as a proactive task and ended up being crucial for the marketing initiatives.