Tips.Tips. Design concept for an online service

The client approached us at the concept stage, even before the product launch. We needed to create a corporate identity for the service, design and prepare the layout for the web version and mobile app. At the final stage, we had to develop the design of a promotional website to present the product and attract users.

Tips.Tips is a fast and tech-savvy service, so we focused on 3D illustrations that are easy to use in the product, animations, and bright color accents. The visual language was complemented by the tech-savvy ONY Semimono grotesque font from our collection and dynamic swashes that emphasize the nature of the product. When developing the visual language for the product, we first designed the web version, working through all user scenarios, and then adapted them for the mobile app. As a result, both versions are as visually and logically similar as possible, which simplifies the use of the service and further development of the product.

In the personal account, we built clear navigation and used corporate colors so that they would not distract from working with the service. It was important to find a balance between expressive design and functionality. We also lowered the entry threshold to speed up the first experience with Tips.Tips — users can start using the app immediately after registration. Create a QR code and download a personal layout for a business card, table tent, or sticker.

To get started, you need to create a unique QR code. To simplify the process of filling in the data, we have broken it down into sequential steps: you choose the format—personal or team—add information, and invite participants if necessary. A nice touch is the mini preview of the phone in the corner of the screen, which shows how the customer will see your page.

Based on the visual system we created, we developed a one-page landing page where we presented the service and added key entry points — a personal account and a link to download the app. Upon completing the project, we formed a comprehensive design system and handed it over to development so that the Tips.Tips service could scale and develop further.