O2X app

web app
sports tech
2023 — 2024
about
The O2X coaches’ web portal allows trainers to create both custom and template-based workout programs, share resources, and stay connected with athletes through seamless integration with their app. I were a part of the design team, focused on the UX research and consistent execution of the design deliverables.
my part
UX Research / UI Design / Design System / Production Revisions / QA
challenges & how we solved them
challenges & how we solved them

Translating complex training needs into an intuitive UX

Comparing the O2X App with other projects in my career, I’d say this was the one where I truly got to participate in every single stage of the product development process. Although I wasn’t the lead product designer, I managed to refine my UX and product discovery skills, as well as strengthen my iterative design approach, user testing in different formats, and overall design versatility — including direct client and user communication.
Even though I worked alongside two incredibly smart and talented designers who mentored me and guided the process, I was given the freedom to suggest strategic structural and visual solutions.
For example, during the Discovery phase, I facilitated and coordinated several online workshops for the client and key users, such as a product matrix session, and later systematized the results of the user desire map.
ux research moments
This was one of my favorite parts of the Discovery phase because the product was a portal for trainers working with military forces and similar audiences — firefighters, navy members, and so on. The UX, tone of voice, and communication style were completely different from what I was used to.
I won’t lie — it was a real challenge for my communication skills, and I had to quickly learn how to explain things that seem simple and obvious to designers in a way that was clear and accessible for everyone.
ux research moments
We had a great connection with the stakeholder on the client’s side, which helped us gather a focused group of users and define the core pain points of the existing app. I carried out a full audit and analysis of the current product, focusing on its structural, logical, and visual aspects. Through test usage, I identified numerous usability issues, created a detailed audit report, and later saw many of my hypotheses confirmed during real user testing sessions.
One of my favorite methods — which I’ve used since my first year at university when writing research papers — is what I call emotional navigation in product design. 12 years ago, I chose my first research topic by going outside, observing what frustrated me, studying the problem, and proposing a solution. Surprisingly, this approach remains one of the most effective in personal research — right after data analysis.
MVP to real useful product:

→  analyze exicsting MVP and map the pros and cons
→  learn the best practice
→ conduct the deep product research
Find the best solution for the users´problems:

→  gather and complete the most fitting UX research methods
→  through itterative process, find the most optimal set of features for the product

Designing under real-world constraints

Like in any other project, we followed an iterative design process in the O2X App. My role involved working on specific product sections such as onboarding screens, the trainer’s dashboard, athlete profiles and progress tracking, the content library, chat and bulletin functions, and more.
some of the screens and elements I´ve designed
This meant not only preparing design variations for stakeholder review but also creating rapid prototypes to better demonstrate functionality. I’d get nervous before every call, always feeling there was something to improve — but thanks to my mentors and the client’s positive feedback,
I learned how to navigate dynamic client communication, overcome imposter syndrome, and significantly strengthen my technical Figma skills — from working with variables and tokens to components and advanced structuring.
mini chat I´ve designed
Streamlined design process:
‍

→  gaining technical confidence within mentoring sessions
→  preparing agendas and staying within the timeline
Effective design-stakeholder communication:

→  demonstration of prototypes
→  elaborative presentations for the client to understand at what point we are

Implementing and testing scalable UX solutions

I can’t imagine real design without solving practical business problems — and as we all know, the best business is the one that helps its users solve their pain points. To make sure our app truly supported trainers in every aspect of their work, we integrated unmoderated user testing.
I prepaerd a big part of the prototypes themselves, pre-tested some designs, and practically used Maze for the user testing. By thway, while I wasn’t responsible for recruiting testers on this particular project, I had led user interview recruitment and tester hiring for a few others.
Also, together with my mentors, I took part in analyzing the testing results — and I was happy to see that, for instance, some of my fav designs resonated better with users than other options I´ve made.
As part of our research work, I also conducted a live workshop-survey with real trainers to get their direct feedback. I still remember joining that call and seeing twenty very serious-looking coaches on the screen — and there I was, asking them which shade of green they preferred! Saying I was nervous would be an understatement.
mini chat I´ve designed
But thanks to my mentors and the client-side stakeholder, within ten minutes we were chatting easily like old friends. I showed design options and prototypes, asked for their preferences, and discussed what still raised questions. Seeing the real-time feedback and brainstorming improvements with the team was incredibly rewarding.
Preparing a perfect testing environment:

→  request real app users for the testing
→  provide clear instructions and double-check the testing designs to make sure it works with no bugs
Maximizing benefits from the user testing:

→  gather the testing data and prepare detailed reports
→ propose various solutions based on the findings and integrate them in the final deliverables

Interdisciplinar collaboration and follow-up

I was lucky to observe the early creation of the product firsthand, and even collaborate on the media campaign for the product.
my atomic ds baby
Speaking about design-dev colabration, in this case, instead of preparing a traditional report with comments, I participated in real-time developers’ workflow and were helping to make adjustments on the fly.
my atomic ds baby
One of the most memorable moments for me was working on the promo video, where I directly contributed to the completion of the process. It wasn’t my first collaboration with an animation specialist, but in this case,
I had to quickly prepare a large volume of material for the teaser’s production. Working under a tight deadline and anticipating the audience’s reaction at the event where the teaser was shown gave me a perfect boost of energy and motivation.
Dynamic design-dev collaboration:
‍
→  real-time work with dev
→  live adjustments to the design
Creating stunning media campaign:

→  effective communication with the media specialist
→  rapid delivery of the design files
results
Working on the long-term O2X Web App project has been — and still remains — one of my favorite experiences during my time at Visual Boston. Through it, I solidified many technical Figma skills, system design understanding, collaboration with animators, and advanced UX methods.
6k+
visitors/month
9
specialists in
the team
100+
screens
designed
50+
custom elements
and patterns
It was also the project that helped me gain full confidence in leading stakeholder meetings, running user testing sessions, and later, stepping into the role of lead designer — making key product decisions without hesitation.