{"id":14277,"url":"\/distributions\/14277\/click?bit=1&hash=17ce698c744183890278e5e72fb5473eaa8dd0a28fac1d357bd91d8537b18c22","title":"\u041e\u0446\u0438\u0444\u0440\u043e\u0432\u0430\u0442\u044c \u043b\u0438\u0442\u0440\u044b \u0431\u0435\u043d\u0437\u0438\u043d\u0430 \u0438\u043b\u0438 \u0437\u043e\u043b\u043e\u0442\u044b\u0435 \u0443\u043a\u0440\u0430\u0448\u0435\u043d\u0438\u044f","buttonText":"\u041a\u0430\u043a?","imageUuid":"771ad34a-9f50-5b0b-bc84-204d36a20025"}

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 комментария
Написать комментарий...
Andy Tsar

Аффтору респект за креативность и новый подход. Побольше бы таких!

Ответить
Развернуть ветку
Eugene Danilov

Автору, конечно, респект, но подход не креативен и не нов

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