My role: UX/UI designer.

Integral is software designed for modelling multi-satellite constellations. The goal is to make the design of a complex interface simple and enjoyable for the user. Can you imagine a babysitter simulating a multi-satellite constellation? The software currently in development will make this possible.

Project features and difficulties

• Interrupted feedback from users and lack of metrics. Users work for closed companies and only a few people have access there.
• Outdated UI kit. Designers did not have a single agreed upon base of colors, font styles, or design tokens. Each designer drew inconsistent layouts; the same design token could look different.
• Narrow specialization. It is almost impossible to do a competitive analysis or borrow successful UX patterns from competitors. Performing design tasks required understanding some of the intricacies of rocket science.

The main responsibility is to update user experience and integrate new functions

• Delved into the specifics of the knowledge-intensive product.

• Established #communication with mathematicians and project developers. Provided design supervision over its development. A compromise was found between technical limitations and #human_oriented_solutions.

• #Clickable_prototypes were developed for current tasks. These prototypes made it possible to more clearly demonstrate the #user_flow to the team, find flaws and improve the quality of the design before they go into development.

• Developed user interaction for complex elements: table, cyclorama, histogram, map, multi-axis graph for comparing results, etc.

• Did onboarding new team members, #design_reviews of their first work.

• Completed over 200 design tasks in 2 years.

  

Product testing and research

Visited the office and personally tested a user flows from start to finish with the help of a math expert. Visited the thematic conferences and made user research. Made a competition study. In the end, I identified the most inconvenient user flow and redesigned it.

I also revamped many screens with outdated visuals. The redesign was not initially planned, but I convinced the management that it is important.

Update of the design tokens and created a UI Kit in Figma

Previously, UI Kits were purchased. When I got settled, standardization became necessary. Designers had disagreements about the use of elements; the same element could look different.

I developed a new external component library in two months and subsequently updated it as necessary.

As an example, I used Primer Design System

How font styles and colour were created?

I chose standard layouts in Figma to determine the most used font styles.

Experiment: I took old screens and analyzed fonts with a plugin. The result was amazing! We met fonts ranging in size from 6 to 45+ px in increments of almost one!