{"id":14278,"url":"\/distributions\/14278\/click?bit=1&hash=7bc8e2136891e57274bce79f3bfab82773b2810563794a524a98ce6dacee7a9c","title":"\u041f\u044f\u0442\u044c \u043a\u0435\u0439\u0441\u043e\u0432 \u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0433\u043e \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u044f \u0418\u0418 ","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 комментария
Написать комментарий...
Дмитрий Беговатов

В нашем полку прибыло! Спасибо что упомянул Storyland.mobi.

А мы как раз выкатили новую версию редактора сайта для мобилки на этой неделе и там наконец появился драг н дроп 😂

Кейсы по нашим сторилендингам можно посмотреть тут по второй ссылке.

Ответить
Развернуть ветку
Григорий Матасов

Что-то у вас в кейсах дохлые сайты 

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

Говорила мне мама, чтобы я проверял все, что публикую на виси! 😂
И такое бывает, что люди меняют домены, спасибо, что подсказали 🤝

Прикрепляю верную ссылку.

Ответить
Развернуть ветку
Сергей Королевский

Портфолио всегда нужно держать на своих серверах. Всему нужно вас учить)

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

да, учитель 😁🙏

Ответить
Развернуть ветку
Александр Антипов

И такое бывает, думаю что сейчас поправит все. Домены у мамы)

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