I decided the best way to assess the current state was to organize product workshops (a discovery sprint). First, I selected exercises for a two-day workshop, and then I facilitated them with the product team.

The additional goals were following:

• Align the team across project vision and goals,
• Establish business priorities,
• Identify needs & challenges,
• Create inputs for a prioritised roadmap.

• Autofocus on the first field: from a UX perspective, it guides users to the initial required action.
• Humans respond positively to images of people, especially faces. People tend to look in the same direction as others. In this case, the woman is looking at the sign-up form, directing users' focus.

• Building trust is currently more critical; hence, I used a picture of a smiling woman instead of a realistic product screenshot (intentionally reserved for the next step).
• Research indicates that users frequently use the show/hide password feature, which is reflected in the design as well.

Some users face disabilities that compel them to navigate the internet using a keyboard instead of a mouse. Additionally, another group of users opts for keyboard commands and shortcuts to save time.

Taking these two target groups into consideration, I have designed a search function that caters to both needs.

Available in the web desktop app ↗

From design to code.

Here's a segment of the design system that I co-developed with fellow developer Adrian Stabinski for Billy. This system is tailored for the web app, complemented by a separate one for mobile apps.

Opting for design tokens, we ensured consistent nomenclature between design and code elements. Every aspect of the interface, ranging from colors and spacing to intricate components (constructed from smaller pieces), boasts its coded (React Native) equivalents.

The documentation is housed on Storybook, and all components undergo visual testing via Chromatic.