Slider Ai: клиент пришел за редизайном, а получил сайт, сервис и звание №1 сервиса и B2B-продукта

О ПРОЕКТЕ

Slider Ai — российский сервис для создания презентаций с помощью голосового управления, ИИ, шаблонов и аналитики.

В 2021 году Slider Ai был запущен как перспективный тюменский стартап — и с тех пор вырос до 1 млн пользователей, резидентства Сколково и постоянных упоминаний в СМИ. При этом сервисом пользуются как самостоятельные маркетологи, дизайнеры, директора — так и enterprise-компании.

Если говорить про функционал сервиса, то в нём можно собрать как инвест-питч на 100+ слайдов с анимацией, так и презентацию с 3D-визуализацией продуктов. И всё это — в 5+ раз быстрее, чем в PowerPoint, и без долгого обучения.

ЗАДАЧА

Коллеги из Slider Ai обратились к Oxem за обновлением официального сайта Slider Ai. Две главные задачи, которые стояли перед нашей командой на старте работ:

✔️ Сайт должен рассказывать о редакторе презентаций Slider Ai и мотивировать пользователей переходить в сам редактор презентаций.

✔️ Создать сайт, который станет лучшим в категории сервисов по созданию презентаций в 2025 году и возьмёт награды главных конкурсов Рунета.

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

Так что у проекта появилась ещё одна задача:

✔️ Полностью обновить редактор презентаций Slider Ai параллельно с запуском сайта. Сделать его технологичным и удобным для пользователей, разработать и внедрить новый функционал.

И при этом уложиться в изначально поставленные сроки — 2 месяца!

Мы начали с аналитики и дизайна сайта Slider Ai — а в итоге обновили редактор презентаций Slider Ai и под ключ создали и запустили сайт продукта.

💥 Более того, мы уложились в сжатые сроки — 2 месяца с момента старта работ по дизайну!

ЭТАПЫ РАБОТЫ

1. Провели продуктовое исследование: 10 глубинных интервью с пользователями, конкурентный анализ, создали CJM и карту болей пользователей. Построили структуру сайта и самого редактора;

2. Под ключ создали новый сайт Slider Ai на Astro;

3. Полностью переработали дизайн редактора Slider Ai. В том числе создали новые фичи — например, голосового помощника;

4. Переработали структуру и дизайн личного кабинета внутри редактора Slider Ai, собрали его на React.

5. Сейчас развиваем и поддерживаем оба продукта Slider Ai.

💥 В результате Slider Ai уже получили звание лучшего сервиса 2025 года по версии премии Рейтинг Рунета, 10 наград Tagline Awards 2025 (среди которых «Лучший B2B проект» и «Лучший сервис для digital-индустрии») — и награды «Лучшее на Dprofile» и «Интерфейсы» по версии площадки Dprofile в 2026 году.

💥 А еще сайт был тепло встречен целевой аудиторией! 

Нам важно было, чтобы новый сайт Slider Ai был максимально востребован целевой аудиторией: решал их задачи, запоминался и понятно доносил, как работает редактор презентаций Slider Ai.

✔️ Для этого мы провели 10 глубинных интервью с пользователями — узнали их потребности и боли в создании презентаций, собрали вопросы и сомнения при работе со Slider Ai и аналогами.

При этом мы опросили все главные сегменты ЦА продукта:

• CEO и фаундеров стартапов;

• директоров в b2b компаниях;

• маркетологов;

• HR-специалистов;

• бизнес-аналитиков.

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

✔️ Вторым шагом стало построение CJM. Мы построили путь пользователя Slider Ai от зарождения потребности до решения о повторном использовании. Проследили:

• какие боли возникают на каждом чекпоинте;

• какие точки соприкосновения с сервисом встречает клиент;

• и даже то, какие эмоции испытывает человек на разных этапах взаимодействия со Slider Ai.

✔️ На основе полученных данных построили подробную карту болей пользователей. Именно эти данные помогут создать структуру будущего сайта, его фичи и дизайн — которые будут реально актуальны целевой аудитории и повысят процент переходов в сервис.

✔️ Следующий шаг — анализ рынка клиента. Мы изучили российские и зарубежные сервисы по работе с презентациями, сервисы-помощники со встроенным ИИ, графические редакторы, интерактивные онлайн-доски и т.д.

Проанализировали их лучшие решения — в том числе по:

• UI/UX-дизайну;

• тарифам;

• встроенным шаблонам;

• возможности обучения на платформе.

✔️ Также нам важно было оптимизировать структуру и контент будущего сайта под SEO — чтобы после запуска он попадал в топ поисковиков и нейросетей, привлекал органический трафик и рос в продажах без постоянных вложений в рекламу. Поэтому мы подготовили готовые блоки для всех страниц, организовали перелинковку между ними и задали чёткие правила для заголовков и ссылок.

По итогу мы создали варфреймы будущего сайта: удобные для пользователей, понятные поисковикам и закрывающие боли, найденные на этапе аналитики.

Разработали дизайн десктопной и мобильной версии сайта: главную и 14 внутренних страниц с состояниями.

✔️ Теперь пользователь может погрузиться в функционал редактора презентаций Slider Ai просто находясь на сайте.

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

Также сайт Slider Ai понятным языком рассказывает:

• как создаются презентации в редакторе;

• как Ai создает тексты, изображения и диаграммы;

• какие есть возможности для командной работы в редакторе презентаций и т.д.

• какие есть тарифы и т.д.

А еще на сайте теперь можно изучить страницы авторов и их презентации, а также почитать блог компании Slider Ai.

✔️ Мы проработали UX и UI сайта так, чтобы структура, элементы, визуалы и текст закрывали ключевые потребности пользователей, которые мы выявили на этапе аналитики.

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

✔️ Один из вызовов проекта: сайт Slider AI должен был показывать технологичность продукта и подчёркивать работу с ИИ — но при этом оставаться тёплым и вызывать эмоции у пользователей. Это отражает подход команды Slider AI: ИИ — лишь экзоскелет, помощник в работе, а создаёт презентацию человек.

Чтобы подчеркнуть этот подход Slider Ai, в дизайне использовали плёночные кадры с эмоциями людей крупным планом.

А технологичность Slider Ai показали через демонстрацию самого продукта: использовали фото и анимации редактора Slider Ai по ходу скролла страницы. Например, показали, как пользователь может генерировать элементы презентации и как реализованы переходы между слайдами.

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

Минималистичный дизайн и практичные гротескные шрифты Manrope и TT Hoves Pro также подчеркивают технологичность продукта.

✔️ Чтобы после запуска сайт лучше продвигался в поисковиках и нейросетях, провели SEO-оптимизации сайта перед запуском: проработали мета-теги и внедрили разметку Open Graph.

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

Поэтому мы предложили клиенту обновить не только сайт Slider Ai, но и сам продукт — при этом не сдвигая сроки запуска. Естественно, весь редизайн мы предложили взять на себя.

Клиент дал добро и мы приступили к обновлению редактора презентаций Slider Ai.

Так как обновить дизайн редактора презентаций Slider Ai было решено в процессе — то и срок на запуск у нас был ограниченный. А именно: 2 месяца на запуск сайта и редактора презентаций.

Поэтому при обновлении редактора презентаций Slider Ai мы сосредоточились на самом главном для повышения лояльности пользователей:

• На визуале редактора;

• На UX-фичах (тех, которые закрывают главные боли целевой аудитории и сильно выделяют продукт на фоне конкурентов).

• На личном кабинете пользователя — от структуры до визуала).

Структура редактора Slider Ai была и до нас отличная и не требовала переработки.

✔️ Наша цель — создать редактор с чистым и минималистичным дизайном. Чтобы он вписывался в дизайн-концепцию бренда и сохранял «сервисность»: удобный UX и простой UI.

Чтобы добиться этого, мы добавили тёмную тему и микроанимации в редактор.

Привели в порядок существующие элементы. Структурировали их и подогнали размеры и шрифты по направляющей сетке. Теперь они выровнены по невидимым вертикальным и горизонтальным линиям — это делает дизайн более читаемым и удобным для восприятия.

Также перерисовали иконки в едином стиле и переработали цветовую гамму: заменили оттенок синего на более глубокий и насыщенный.

А еще поменяли некоторые элементы редактора — чтобы пользователям было еще комфортнее создавать презентации. Например, раньше в списке слайдов нумерация каждой картинки стояла слева от миниатюры. Из-за этого пользователю приходилось вести взгляд зигзагом. Теперь номера стоят по центру, и взгляд скользит по прямой.

Изменили и интерфейс генерации изображений. Раньше поле для запроса пропадало после того, как пользователь задал промпт. Теперь оно остаётся на протяжении всей работы над презентацией, и новый запрос можно сгенерировать в любой момент!

✔️ Очень важным решением было добавление голосового помощника. Дело в том, что на одном из наших интервью на этапе аналитики один из респондентов сказал: «Сейчас такое время, что ничего не успеваешь. Было бы здорово, если бы можно было наговорить правки к слайду голосом, а редактор все бы реализовал». Тогда клиент предложил внедрить в редактор презентаций голосовой ввод и мы быстро подхватили эту идею.

Мы спроектировали совместно с клиентом UX голосового помощника. Опирались на анализ конкурентов и собственную экспертизу — искали и находили паттерны в схожих сервисах, к которым привыкли пользователи. Задача была не разработать что-то совершенное новое — а, наоборот, создать инструмент, который интуитивно понятен любому. Чтобы пользователь мог применять его без онбординга.

Из примеров фич голосового ввода, которые мы проработали совместно со Slider Ai:

• пользователь наводит курсор на слайд и надиктовывает мысли — а Ai сам составляет тексты, картинки и наполняет выбранный слайд;

• пользователь наводит курсор на элемент презентации — и голосом может его редактировать;

• горячие клавиши: например, клавишей можно переключить с редактирования курсором на редактирование через голосового помощника или запустить и остановить голосовой ввод.

✔️ В результате мы создали новый дизайн сайта Slider Ai и проработали более 350 макетов различных состояний редактора с учетом двух цветовых тем.

Личный кабинет Slider Ai — очень важный раздел внутри редактора презентаций. Тут пользователь управляет подпиской, данными, а также видит разделы со своими презентациями, шаблонами, командой и корзиной.

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

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

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

Например, на вкладке «Участники» добавили блок приглашения члена команды. Он встроен в саму систему, поэтому пользователь не тратит время на переход в почту или открытие поп-апа.

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

Итак, мы уже завершили дизайн сайта Slider Ai и дизайн редактора презентаций. Следующий шаг — разработка этих продуктов.

Фронтенд сайта создали на Astro. Этот фреймворк хорошо подходит для сайтов со статичным контентом. Он обеспечивает максимальную легковесность и скорость работы, что критически важно нам, учитывая количество анимаций. Также он идеально оптимизирован для использования под SEO-задачи и продвижения в нейросетях.

При работе над фронтенд-частью личного кабинета использовали фреймворк React — это обеспечило быструю работу продукта.

Сайт реализован в формате SPA (Single Page Application). Он не перезагружается при переходе между страницами.

✔️ Еще один из интересных вызовов проекта — добавить на сайт тысячи (если не десятки тысяч) покадровых анимаций. Но не в ущерб работе сайта!

Обычно в такой ситуации разработчики просто ставят покадровые анимации или видео на сайт. Но в случае со Slider Ai анимаций было слишком много — в покадровой реализации они съедали бы трафик пользователя и сайт бы долго грузился и тормозил.

Так что мы решили не делать покадровые анимации — а полностью сверстали их. Да, да, все эти летающие элементы — это не картинки, а реальные интерфейсы, которые мы повторно сверстали специально для сайта.

Сейчас частота кадров анимации равна частоте экрана пользователя (60+ кадров в секунду).

Благодаря всем этим действиям, мы добились быстрой работы сайта — 100% показатель скорости загрузки по Lighthouse.

При работе над фронтенд-частью личного кабинета редактора презентаций Slider Ai использовали фреймворк React. Он позволяет легко добавлять новые фичи и не нагружает браузер.

В результате мы не только обновили сайт Slider Ai — а сделали и редизайн самого редактора презентаций. В том числе — полную переработку личного кабинета пользователя вместе с разработкой, тестированием и запуском. И всё это — без переноса сроков: за 2 месяца с момента старта работ по дизайну!

💥 Пользователи обновление уже оценили! Коллеги из Slider Ai поделились с нами одним из таких отзывов:

А вот что говорит СЕО Slider Ai — Григорий Попов!

Теперь подробнее про результат по каждому продукту!

✔️ САЙТ SLIDER AI

• Падение процента отказов на сайте в 1,5 раза;

• Показатель скорости загрузки сайта — 100/100 баллов по Lighthouse, что быстрее 98% всех сайтов мира!

• Скорость загрузки сайта выросла в 4 раза (несмотря на то, что сайт стал гораздо более масштабным и с множеством анимаций);

Но главное — сайт полностью закрывает задачи клиента. Он рассказывать о продукте Slider Ai так, что пользователи сразу понимают, как редактор поможет им в решении их бизнес-задач. И за счет этого повышает конверсию в переход в сам редактор презентаций.

На сайте также учли боли и потребности пользователей. И оптимизировали под SEO и продвижение в нейросетях.

✔️ РЕДАКТОР ПРЕЗЕНТАЦИЙ SLIDER AI

Создали редактор с чистым и минималистичным дизайном — такой, который максимально удобен для пользователей. Добавили на сайт новый функционал — например, голосового помощника.

Кардинально обновили личный кабинет пользователя внутри редактора презентаций Slider Ai. Сделали пространство интуитивно понятным, с простым и приятным дизайном, добавили новый функционал — чтобы работа с ЛК была максимально комфортной клиентам Slider Ai.

💥 О том, что продукты Slider Ai влюбляют целевую аудиторию и выделяют продукт на фоне конкурентов, говорят и 13 наград проекта за 2025 и 2026 годы:

• 1 место в номинации «Сервисы» по версии жюри Рейтинга Рунета

• 1 место в номинации «Лучший B2B проект» по версии жюри Tagline Awards

• 1 место в номинации «Лучшее интерактивное решение» по версии жюри Tagline Awards

• 1 место в номинации «Лучший сервис для digital-маркетинга» по версии жюри Tagline Awards

• 1 место в номинации «Лучший сервис для digital-индустрии» по версии жюри Tagline Awards

• 1 место в номинации «Лучший промо сайт» по версии жюри Tagline Awards

• Серебро в номинации «Лучший сайт России» по версии жюри Tagline Awards

• Серебро в номинации «Лучший массовый сервис» по версии жюри Tagline Awards

• Серебро в номинации «Лучшая работа с шрифтом» по версии жюри Tagline Awards

• Серебро в номинации «Лучший продакшн года» по версии жюри Tagline Awards

• Бронза в номинации «Лучший сервис для автоматизации работы» по версии жюри Tagline Awards

• Награда «Лучшее на Dprofile» по версии команды Dprofile

• Награда «Интерфейсы» по версии команды Dprofile

💥 А еще про редизайн сайта и редактора Slider Ai даже написали такие СМИ как РБК и портал РУССОФТ!