Клиент обратился к нам на этапе идеи, ещё до запуска продукта. Нужно было создать фирменный стиль сервиса, спроектировать и подготовить дизайн веб-версии и мобильного приложения. На финальном этапе требовалось разработать дизайн промо-сайта для презентации продукта и привлечения пользователей.

Tips.Tips — быстрый и технологичный сервис, поэтому в айдентике мы сделали акцент на 3D-иллюстрациях, которые удобно использовать в продукте, анимации и ярких цветовых акцентах. Визуальный язык дополнили технологичный гротеск ONY Байт из нашей коллекции и динамичные свуши, которые подчёркивают природу продукта.

Развивая визуальный язык в продукте, мы сначала спроектировали веб-версию, проработав все пользовательские сценарии, а затем адаптировали их для мобильного приложения. В результате обе версии визуально и логически максимально близки друг к другу, что упрощает использование сервиса и дальнейшее развитие продукта.

В личном кабинете мы выстроили понятную навигацию и использовали фирменные цвета так, чтобы они не отвлекали от работы с сервисом. Важно было найти баланс между выразительным дизайном и функциональностью.

Также снизили порог входа, чтобы ускорить первый опыт работы с Tips.Tips — пользователь может начать использовать приложение сразу после регистрации. Создать QR-код и скачать персональный макет для визитки, тейбл-тента или наклейки.

Для начала работы нужно создать уникальный QR-код. Чтобы упростить заполнение данных, мы разбили процесс на последовательные шаги: вы выбираете формат — персональный или командный, добавляете информацию и при необходимости приглашаете участников.

Приятная деталь — мини-превью телефона в углу экрана, которое показывает, как клиент увидит вашу страницу.

На основе созданной визуальной системы разработали одностраничный лендинг, где презентовали сервис и добавили ключевые точки входа — личный кабинет и ссылку на скачивание приложения.

Завершая проект, мы сформировали целостную дизайн-систему и передали её в разработку, чтобы сервис Tips.Tips мог масштабироваться и развиваться дальше.