Modernizing user behavior targeting.

Before i open Figma to revamp interface, i figured out how everything works. I started with a deconstruction of the old detect into user flows, and user flows – into separate data blocks, and cards. All to understand the role and meaning of every single design element.

For UX audit, the next move is to uncover user experience problems by research and analysis using usability heuristics. Below, you can see several cards investigated together with comments on problems detected.

To recreate the web app’s screens and user flows using design best practices, I started with raw wireframes. They helped to outline the arrangement of the elements on the future interface.

Later, raw sketches turned into high-fidelity wireframes, a series of thought-through screens that illustrate each element and the connections between them. After the concept got approved by the stakeholders team, i proceeded to the visual direction.