Представлено обновление сайта SingularityApp
Мы обновили дизайн сайта, внедрив новые интерактивные элементы для демонстрации функционала приложения и улучшения пользовательского опыта
Новый сайт планировщика SingularityApp разработан не только как промостраница продукта, но и как самостоятельный цифровой проект с интерактивными элементами, тестами и демонстрацией функциональности сервиса. Сайт решает сразу несколько задач: знакомит пользователя с продуктом, его философией и возможностями, а также предлагает дополнительные форматы взаимодействия. Ниже приведены основные особенности сайта.
Причина №1. Интерактивный визуальный промоблок
Вместо стандартного первого экрана с рекламным сообщением и кнопкой загрузки разработчики реализовали интерактивную визуальную сцену.
На стартовом экране сайта используются следующие элементы:
- анимированные «падающие звезды», движущиеся по траекториям с учетом ускорения и физических параметров;
- градиентный фон, изменяющий положение в зависимости от движения курсора;
- световые элементы, реагирующие на действия пользователя и подсвечивающие контуры интерфейса.
Все параметры анимации были заданы вручную. Космическая тематика используется в визуальной айдентике SingularityApp с 2019 года и связана с концепцией технологической сингулярности.

Причина №2. Интерактивный тест по тайм-менеджменту
На сайте размещен интерактивный тест, посвященный стилям управления временем.
Тест основан на материалах книги Владимира Завертайлова «Тайм-менеджмент для тех, у кого лапки» и состоит из 13 вопросов.
- интерпретацию полученного результата;
- рекомендации по планированию и управлению задачами;
- бонус внутри приложения SingularityApp.
Визуальные образы персонажей были созданы с использованием нейросетей и доработаны дизайнерами.

Причина №3. Визуальные отсылки к популярной культуре
В оформлении сайта используются элементы научно-фантастической эстетики. В частности, фон блока с тестом стилизован под эффект гиперпространства.
На странице «О компании» текст представлен в формате анимированного вступления, что позволяет компактно изложить информацию о продукте.

Причина №4. Встроенная браузерная игра
В нижней части главной страницы размещена браузерная аркадная игра в стилистике классических космических шутеров.
Пользователю предлагается управлять космическим кораблем и уничтожать вражеские объекты.
- в десктоп-версии требуется уничтожить 100 противников перед появлением финального босса;
- в мобильной версии условия упрощены.
Управление адаптировано под устройство: с помощью мыши и клавиатуры на компьютере и касаний экрана на мобильных устройствах. Аналогичный игровой элемент используется на странице ошибки 404.

Причина №5. Демонстрация функциональности в формате бенто-сетки
Функциональность SingularityApp представлена в виде бенто-сетки — набора блоков разного размера, каждый из которых посвящен отдельной функции сервиса.
- календарь и планирование задач;
- канбан-доска;
- таймер Pomodoro;
- трекер привычек;
- отзывы пользователей и элементы публичного бэклога.
Сетка интерактивна и позволяет просматривать дополнительные блоки при горизонтальном перемещении.

Заключение
Сайт SingularityApp объединяет функции продуктовой презентации и интерактивной платформы для знакомства с возможностями сервиса. В ближайшее время команда планирует выпуск версии приложения с интегрированным AI-помощником.
Источники изображений:
https://singularity-app.ru/
Интересное:
Новости отрасли:
Все новости:
Публикация компании
Профиль