Stas Petrianyk
Stas Petrianyk
Product designer

Process Case Study

Short description of main stages of the working process. Usually, it depends on the client, deadlines, goals, technologies. But this is just a few of the main steps. I took as an example of my work on Icebank mobile app.

Analysis

Usually, I am starting an analysis from the questions to stakeholders/clients/product owner to figure out what is the product about. Which features are making the product unique on the market, which problems product will solve for the business, and why and how the user should use it. This is a preparation stage to collect the data, values, and main goals.

Research

Then I do some research for similar solutions, patterns, good practices, etc. Also I collecting any high-level insights.

Moodboard of banking app references
Paper wireframe of a mobile screen

UX

On UX stage usually tests a lot of versions, hypotheses, and discussions, gathering the insights. I am using for that paper hand wireframing to show the details in a quick timeframe. Then with the product owner, we create the list of screens, logic, scenarios, user personas, etc. Also I am doing complex UX research, user interviews and UX personas.

Prototyping

To demonstrate the idea, how the product interacts with the user, for A/B testing I like to use Figma Prototyping. This is the fastest and simplest way to have feedback and test a low-fidelity solution without any coding.

Ice bank loan flow screens

Screens, assets, UI

When I have the results of the first tests, I am starting to make UI for the product. For screen designing, I am using Sketch app or Figma. For final touches like illustrations, custom icons, photos I am using Adobe products.

Collaboration with developers

When the UI is done I am creating component based Design System with reusable elements. This stage requires cross-team collaboration mostly with front-end developers.

Icon set with developer handoff specs