Tips.Tips. Дизайн-концепция онлайн-сервиса
12 марта 2026
Клиент обратился к нам на этапе идеи, ещё до запуска продукта. Нужно было создать фирменный стиль сервиса, спроектировать и подготовить дизайн веб-версии и мобильного приложения. На финальном этапе требовалось разработать дизайн промо-сайта для презентации продукта и привлечения пользователей.
Tips.Tips — быстрый и технологичный сервис, поэтому в айдентике мы сделали акцент на 3D-иллюстрациях, которые удобно использовать в продукте, анимации и ярких цветовых акцентах. Визуальный язык дополнили технологичный гротеск ONY Байт из нашей коллекции и динамичные свуши, которые подчёркивают природу продукта.
Развивая визуальный язык в продукте, мы сначала спроектировали веб-версию, проработав все пользовательские сценарии, а затем адаптировали их для мобильного приложения. В результате обе версии визуально и логически максимально близки друг к другу, что упрощает использование сервиса и дальнейшее развитие продукта.
В личном кабинете мы выстроили понятную навигацию и использовали фирменные цвета так, чтобы они не отвлекали от работы с сервисом. Важно было найти баланс между выразительным дизайном и функциональностью.
Также снизили порог входа, чтобы ускорить первый опыт работы с Tips.Tips — пользователь может начать использовать приложение сразу после регистрации. Создать QR-код и скачать персональный макет для визитки, тейбл-тента или наклейки.
Для начала работы нужно создать уникальный QR-код. Чтобы упростить заполнение данных, мы разбили процесс на последовательные шаги: вы выбираете формат — персональный или командный, добавляете информацию и при необходимости приглашаете участников.
Приятная деталь — мини-превью телефона в углу экрана, которое показывает, как клиент увидит вашу страницу.
На основе созданной визуальной системы разработали одностраничный лендинг, где презентовали сервис и добавили ключевые точки входа — личный кабинет и ссылку на скачивание приложения.
Завершая проект, мы сформировали целостную дизайн-систему и передали её в разработку, чтобы сервис Tips.Tips мог масштабироваться и развиваться дальше.
Над проектом работали
- Аида ПачеваДиджитал арт-директор
- Богдан ЧернышовДиджитал арт-директор
- Константин КеллерДиджитал арт-директор
- Саша БородинДиджитал арт-директор
- Никита ХреновДизайнер
- Миша ПитерскийДизайнер
- Маша КобаненкоДизайнер
- Дима ЭрлихманДизайнер
- Сергей ГаврошДизайнер
- Евгений НикитинМоушн-дизайнер
- Дима МарычевПродюсер
- Даша ЕлшанскаяПродюсер
- Таисия БескровнаяПиар-менеджер
