{"id":14279,"url":"\/distributions\/14279\/click?bit=1&hash=4408d97a995353c62a7353088166cda4ded361bf29df096e086ea0bbb9c1b2fc","title":"\u0427\u0442\u043e \u0432\u044b\u0431\u0435\u0440\u0435\u0442\u0435: \u0432\u044b\u0435\u0445\u0430\u0442\u044c \u043f\u043e\u0437\u0436\u0435 \u0438\u043b\u0438 \u0437\u0430\u0435\u0445\u0430\u0442\u044c \u0440\u0430\u043d\u044c\u0448\u0435?","buttonText":"","imageUuid":""}

Creatium Stories — конструктор сайтов-сторисов

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

Привет! Я разрабатываю конструктор сайтов Creatium и мобильная версия сайта у нас всегда была дополнительной, а не основной. Сайт можно адаптировать под разные устройства, но в итоге блоки просто выстраиваются в один ряд, и сайт становится очень длинным.

Иногда длина сайта увеличивается в 2-3 раза.

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

Формат веб-Stories

  • Google с 2018 года продвигает технологию AMP Stories;
  • На западе уже есть конструкторы Fastory, MakeStories и Newsroom AI;
  • На русском есть только Storyland, запущенный в 2019 году.

О новом формате я узнал через Storyland. Этот сервис уже работал, но ему не хватало собственного редактора (сторисы нужно было собирать в других программах). А поскольку у меня большой опыт в создании конструкторов, я предложил партнерство. Правда, мы ни о чем не договорились, и я решил делать новый конструктор.

Чего мы добились

Сразу покажу несколько несколько хороших примеров.

Так сайт в новом формате выглядит на широком экране (ссылка)
А так - на телефоне (ссылка, смотреть с мобильного)
А это пример встраивание сторисов на «обычный» сайт (ссылка)

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

Первая ошибка

У меня уже есть рабочий конструктор сайтов Creatium, и проще всего было запустить новый формат как часть основного конструктора.

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

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

Вторая ошибка

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

Для поддержки AMP мы начали разработку нового редактора, но из-за сложности задачи все опять начало откладываться.

Что нужно было клиентам

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

Им просто нужна была возможность собирать из отдельных компонентов сторисы и публиковать их. А мы эту потребность вообще никак не решали.

На протяжении полутора лет я хотел сделать лучший конструктор сторисов, а в итоге не сделал даже плохого.

Я осознал это, проанализировал свои ошибки и начал упрощать.

Рабочее решение за 1 месяц

Конструктор сторисов стал частью основного конструктор Creatium. Мы не стали делать новый личный кабинет, не стали делать новый редактор. От поддержки AMP отказались.

Это просто новый тип секции в редакторе

За основу взяли редактор с поддержкой слоев (зеро-блок), который у нас уже был, и поместили его в слайдер.

Слои в редакторе

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

Сейчас мы только начинаем собирать кейсы и сравнивать показатели с «классическими» мобильными сайтами.

0
83 комментария
Написать комментарий...
Andrey Greenberg

Новостные блоки в таком формате делать не пытались? 

Ответить
Развернуть ветку
Вячеслав Гримальский
Автор

Вот тут (https://studio-enigma.com) клиент что-то такое начал делать. Работа в процессе, но суть уже передает.

Ответить
Развернуть ветку
Олег Барминов

Это они на креатиуме сделали?

Ответить
Развернуть ветку
Вячеслав Гримальский
Автор

Да

Ответить
Развернуть ветку
Олег Барминов

Хм, а как такую переключалку реализовали, день/ночь?

Кстати, у вас самый крутой конструктор! Попрощался полностью с тильдой и почти для большинства проектов с элементором

Ответить
Развернуть ветку
Вячеслав Гримальский
Автор

Судя по коду на странице, они сделали дубликаты секций для темной и светлой темы, и похоже, на кнопке скрипт висит, который заменяет одни другими по клику. Можете у самого автора спросить (@Anton_Komisarov в телеге)

Спасибо за отзыв)

Ответить
Развернуть ветку
Andrey Greenberg

Не впечатлило). Я про блок "Новости" на ресурсах спросил, где то он вообще есть. Неплохо бы просто в каком-то стоке набирать для вставки новостные сторис себе на сайт. Бесплатно, или за донаты, если они топ, тем самым авторов и разработчиков поддержать. Единый формат, опять же, сделать. Вдруг зайдёт... Были такого рода мысли, но немного в другом ракурсе, и не с кем поделиться было. Сам не разработчик

Ответить
Развернуть ветку
80 комментариев
Раскрывать всегда