{"id":14270,"url":"\/distributions\/14270\/click?bit=1&hash=a51bb85a950ab21cdf691932d23b81e76bd428323f3fda8d1e62b0843a9e5699","title":"\u041b\u044b\u0436\u0438, \u043c\u0443\u0437\u044b\u043a\u0430 \u0438 \u0410\u043b\u044c\u0444\u0430-\u0411\u0430\u043d\u043a \u2014 \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u0433\u043e\u0440\u0435","buttonText":"\u041d\u0430 \u043a\u0430\u043a\u043e\u0439?","imageUuid":"f84aced9-2f9d-5a50-9157-8e37d6ce1060"}

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

Соцсети приучили всех листать сверху вниз, а у вас горизонтальная прокрутка. Зачем она? Ну и если отвлёкся, то страница сама переключается. Не удобно пользоваться таким сайтом.

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

Комментарий недоступен

Ответить
Развернуть ветку
Антон Ляшенко

Всплывающее окно (англ. pop-up) — окно, открываемое на экране компьютера в результате выполнения какой-либо операции.

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

Комментарий недоступен

Ответить
Развернуть ветку
Антон Ляшенко

Затем что ваш сторис это такая же штука))

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