ClearSale – Working Screen Web App

ClearSale is an anti-fraud and credit scoring solutions company. The Working Screen (not official name) is an interface where Analysts gather information of store clients and their personal info, in addition with their orders info. All the intel is used to judge if an order is legal or fraud.

Services

UX Design | UI Design

Industry

E-commerce | Retail

Visit

Long story short

We started the year 2022 in full power and with the news that our team would have to “improve a screen”, classic.

As we know, there is a user need that goes much deeper than a visual change, and that possibly depends on a well-defined process before actually arriving at the interface.

To solve this problem, it was necessary to carry out a Lean Inception workshop in person, at CI&T’s Campinas base.

Discovery

Our goal was to define the features that would be part of a screen which is used by the Order Classification team. However, in meetings prior to the dynamic, we realized that we could not get to any conclusion without first understanding the entire flow.

To understand how things work, we talked to several people, including coordinators who managed the process, which was quite complex and completely manual, but necessary so that the Classification team had inputs to work with.

We also talked to the analysts who actually do the operational part and use the screen on a daily basis. In addition to the conversations, we held some observation sessions, where I as a Designer, a PO, a QA and some developers followed the daily basis of these people, making use of the screen as a whole.

At the same time that we were doing this monitoring, we also built some flows in Miro regarding the Analysis Board process, resulting in two situations: As Is (as it is today) and To Be (as it will be).

On-site Workshop

When we arrived, we already knew that the stakeholders had a different perception of their product. We had to align expectations and put everyone on the same page. For this, we dedicated the first few days of Lean Inception to doing some exercises, resulting in the following schedule:

Once we understood the entire flow that precedes the use of the Work Screen, we actually start the Co-creation stage, in which we design the entire User Story Mapping map.

We divided the map into Personas (dark green post-it), Activities (blue post-it) — or missions, they are the things that need to be done by the person — and Tasks (orange post-it) — the actions that need to be done to completion of an Activity).

While a fellow Designer took charge of the workshop, I filled out a Miro board that we created to centralize the information, since we couldn’t retrieve the post-its, which would remain in the office. With that, the scope and complexity of this stage of the project became much more evident and, as the focal point was to improve the architecture of the information on screen — and with that, facilitating the usability of the analysts, our efforts turned to the map of the last dark green sticky note.

Deliverables

After some design principles methods we delivered 3 design artifacts which were important to set the pace of product development

User Story Mapping

We mapped the user journey, outlining the entire flow of activities and tasks for the users who will be using our product.

Version 1 Prioritized

We identified the most critical features after assessing technical feasibility and the Effort vs. Value delivery.

Hierarchical Skeleton (UX)

The primary pain point for users was an inconsistent information architecture that didn't align with reality.

Prototypes

Back to remote work, I started using the inputs collected in the dynamics to make a wireframe of what the new screen should be, but still taking advantage of the current screen’s identity, to avoid greater cognitive effort from the users.

After building the wireframe, I pitched the proposal to each person on the analyst’s team individually. I gathered productive feedback and only needed a few naming and content tweaks.

Since the first drafts, we worked with two versions to close an analysis. One of them was suggested due to a benchmark by the customer, the other was our solution that would be faster, cheaper and that would add more value to generate a pleasant user experience.

Show me the numbers

Because of internal and bureaucratic reasons, I’m not able to tell you if we got to achieve our business goals or not. However, with those insights in mind we were to target specific convertion metrics listed below:

Time Spent on a single Issue
- 0 %
Total Employee Workload
- 0 %
Weekly Productivity
+ 0 %