Главное о кейсе
Новый сайт SingularityApp стал отражением эволюции продукта — из личного планировщика он превратился в мощную экосистему для команд и ИИ-планирования. Старый сайт перестал соответствовать масштабу приложения, поэтому мы полностью переосмыслили его: от смыслов и контента до технологий и дизайна.
Мы создали интерактивную главную с эффектами на
three.js и GSAP, «бесконечной» бенто-сеткой фич и встроенным тестом по тайм-менеджменту. Разработали собственный визуальный конструктор контента, новую базу знаний и лёгкую архитектуру на Laravel.
Благодаря оптимизации изображений и CI/CD-деплою сайт стал в 2,5 раза быстрее, а обновлённая база снизила нагрузку на поддержку. Релиз прошёл без простоев и потери данных — пользователи просто однажды увидели новый космос.
Как проект изменил жизнь пользователей
Обновленный сайт сократил путь пользователей приложения SingularityApp к описанию возможностей и конкретных функций. Новый сайт стал частью самой экосистемы — не просто витриной, а инструментом.
Теперь можно мгновенно понять, чем живёт приложение: изучить фичи в интерактивных блоках, пройти тест по стилю планирования, прочитать экспертные статьи и найти нужную инструкцию за пару кликов. Благодаря обновлённой базе знаний пользователи стали решать большинство вопросов самостоятельно — без обращений в поддержку.
Вместо холодного корпоративного сайта люди получили пространство, где сразу чувствуется ДНК продукта: энергия, технологичность и та самая «сингулярность», ради которой они с ним остаются.
Бизнес-задача и ее решение
Задача:
Старый сайт SingularityApp перестал соответствовать масштабу продукта: дизайн устарел, структура не отражала рост функционала, а управление контентом было громоздким. Нужно было создать новый сайт, который покажет продукт как развитую экосистему с ИИ-планированием, улучшит конверсию и упростит работу команды.
Решение:
Мы полностью обновили архитектуру, перешли с Битрикса на Laravel, разработали визуальный конструктор контента и оптимизировали загрузку. Новый дизайн стал инструментом продаж и бренда — эмоциональным, технологичным, с акцентом на фичи и смыслы. После запуска сайт стал работать быстрее в 2,5 раза, а единая база знаний значительно сократила обращения в поддержку.
Крафт (мастерство), реализация, технические детали
Проект гибридный: частично реализован на Laravel и частично — на Битриксе. Это дало гибкость, скорость и контроль безопасности. Для визуала мы задействовали
three.js, GSAP и Canvas: от космического неба с падающими звёздами до “светлячков”, которые следят за курсором. Анимации рассчитаны математически, но ощущаются легко и плавно даже при большом объёме контента.
Создали собственный визуальный конструктор контента с live-просмотром изменений — почти как графический редактор внутри админки.
Для оптимизации добавили автоматическое WebP-сжатие и ресайз под разные устройства и Retina.
Релиз прошёл бесшовно: CI/CD-деплой, stage-сервер, смоук-тесты и полная синхронизация базы без потери данных.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
Работа над проектом напоминала эксперимент, где заказчик и исполнитель — одно и то же лицо. С одной стороны, мы знали продукт до последнего пикселя. С другой — именно это мешало: замылился взгляд. Поэтому начали как с любым клиентом — с аналитики, интервью и конкурентного анализа. Это позволило вытащить из тумана десятки смыслов, которые мы сами перестали замечать.
Главный инсайт: контент нельзя делать “по остаточному принципу”, даже если проект свой. Мы провели полноценный брейншторм по текстам — только после этого финализировали прототип. Второй инсайт: пользователи устали от промо-блоков. Вместо баннеров сделали «магический» промоэкран с анимациями и живым взаимодействием.
Были и испытания — от поиска идеального “светлячка” на GSAP до борьбы с нейросетью, которая отказывалась рисовать трудоголика-мазохиста. Но в итоге из этого хаоса родилась новая «вселенная Сингулярити», в которой дизайн и технология работают на одно чувство — вдохновение планировать.
Скриншоты