Transworld

After completing competitor analysis, we went on to create user scenarios to plan on a design system and think of possible features.

On passing the first challenges, we thought through the whole path of our user personas including inserting personal data, setting up their goals, inviting friends, and, finally, making pledges. Users can bet on everything related to sports activity: running, riding a bike, burning calories, and so on.

The first thing we stumbled across was that even though all apps followed pretty much similar patterns and were no longer difficult to understand, our particular project was still unusual and could hardly be called intuitive. As a result, we designed 3 onboarding screens so that a user got to know immediately the purpose of the app. Later on, we created an engaging animation for the splash screen. The registration procedure was followed by simple instructions so that there wouldn’t be any confusion.

Once the list of all screens was finalized, we got down to creating wireframes. We designed all pages featuring functions mentioned above and even added a few more, such as a map page, forms, pop-ups, etc.

Now when the logic proved to be working perfectly, we started developing a UI system. The palette we chose comprised rather subtle colors, as we were to stick to brand colors. The only exception was clickable elements like CTAs and links. In doing so, we created a visible hierarchy of elements by using colors. We also created a series of fresh unique illustrations.

At this point, we showed the client the interactive prototype. Thus, we received feedback and made some improvements before the project proceeded to the development stage. Throughout the whole project we’ve been collaborating with the team of developers providing them with the project assets and the help they needed.