Как закалялась сталь: почему мы решили разрабатывать сайты на Canape CMS

Предыстория

Наш сегмент — малый и средний бизнес. За этими словами — конкуренция с фрилансерами, горе-разработчиками, бесплатными движками, «коробочными» решениями. Агентствами, штампующими шаблоны. Системами с закрытым кодом. Псевдо-студиями, которые передают заказы студентам. С «сыном-геймером соседки» и «сайтом за еду» :)

Поработав несколько лет с крупными проектами, где разработка шла от полугода до года, мы пришли к концепции «конвейера сайтов» (ранее об этом об этом писал основатель фирмы Василий Чуранов) и разработали под него свою платформу Canape CMS. Система не требует оплат за использование, покупку лицензии и т. п. После разработки клиенты получают готовый сайт «под ключ» с базовой SEO-оптимизацией и гарантией. Благодаря этому клиенты быстрее достигают основные цели бизнеса в интернете — получают заявки, заказы и обращения с сайта.

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

Кроме того, на Canape CMS мы создали ряд кластерных решений для образовательных учреждений, органов госвласти, сайтов сельских поселений — Canape SMS (site managment system). Преимуществами этой системы стали возможность создания и управления сайтами организаций, которые могут масштабироваться и адаптироваться к любым возникающим потребностям клиентов (подробнее об этом писал в статье «Зачем веб-студии собственная SMS»).

Canape CMS в цифрах

• 25 000 часов — общее время работы php-программистов и продукт-менеджера по созданию платформы
• Срок существования Canape CMS — 9+ лет
• На платформе разработано 1800+ сайтов
• За время работы компании получено 467+ положительных отзывов клиентов
• Выходят регулярные обновления — 52+
• Гарантия — 12 месяцев с момента разработки

Почему это выгодно нашим клиентам?

Стоимость сайтов. Ни нам, ни клиентам не надо оплачивать сторонние лицензии и зависеть от сторонних CMS или разработчиков.

Больше прав и никакого посредничества. Права на дизайн индивидуальных решений передаются клиенту. Код платформы открыт для доработок php-программистам.

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

Скорость создания сайтов. При разработке сайт проходит одни и те же этапы (дизайн, верстка, программирование, тестирование, наполнение, выкладка) — это позволяет автоматизировать часть процессов и сократить время на разработку, а соответственно — снизить стоимость конечного продукта. Разработка ведется на PHP, распространенном языке программирования, он позволяет быстро включать в работу специалистов и расширять штат. Кроме того, на собственном производстве мы автоматизировали отдельные процессы, четко прописали регламенты для сотрудников, выстроили этапы разработки. Клиентскую базу начали вести в собственной системе автоматизации бизнеса.

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

Техническая поддержка и гарантии. В составе компании отдельный штат техподдержки для ответов на вопросы клиентов и помощи в работе с продуктом. После разработки платформы дается гарантия на сайт 12 месяцев.

Инструкции по работе и возможность теста на демо-версии. Подробное описание отправляется клиентам после разработки сайта и находится в открытом доступе.

Демо-версия сайта на платформе Canape CMS доступна по адресу: demo.web-canape.ru. Клиент до начала сотрудничества может посмотреть работу платформы «изнутри», попробовать внести изменения, правки, загружать изображения и менять тексты. Раз в 24 часа демо-версия возвращается в исходное состояние.

Развитие платформы Canape CMS

Базовая функциональная сборка Canape CMS подразумевает набор типовых программных модулей, которые отлажены и протестированы на сотнях проектов. Примерный набор модулей, для информационного сайта:

• Новостная система
• Лента статей
• Отзывы клиентов
• Вопрос-ответ
• Фотоальбом
• Баннерная система
• Поиск по сайту
• Баннерная система
• Галерея на страницу
• Список разделов
• Панель управления с настройками: «Политики доступа» и «Пользователи»
• «Слайдер»
• «Профили галереи»
• «Резервные копии»
• «Журнал событий»
• «SEO-шаблоны»
• «Заказы из форм»
• «Справочники»
• «Формы обратной связи»
• «Сообщения»
• «Домены»

Для любого проекта возможна разработка уникального функционала по ТЗ от клиента, при этом, если есть постоянный спрос на определенный вид доработок, то такие модули внедряются в типовую сборку Canape CMS и становятся доступными за базовую стоимость.

Специалисты WebCanape в процессе работы над новыми сайтами и на этапе технической поддержки готовых проектов всегда фиксируют потребности клиентов, которые вносятся в план будущих доработок.

Как формируется релиз

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

Схема работы команды над очередным релизом Canape CMS выглядит следующим образом:

1. Сбор пула доработок и пожеланий от производственного отдела
2. Сбор информации по доработкам из внешних источников — поисковые системы, конференции, мастер-классы и т. д.
3. Кристаллизация пула доработок и формирование списка на очередной релиз
4. Разбиение пула доработок на задачи и подзадачи
5. Отработка задач командой разработчиков на рабочих площадках, тестирование
6. Внедрение доработок в эталонную препродакшн-версию Canape CMS, тестирование, устранение ошибок
7. Внедрение доработок в продуктовую версию Canape CMS
8. Презентация доработок производственному отделу
9. Формирование технической документации для разработчиков, клиентов и менеджеров проектов
10. Сбор информации по итогам использования разработанного функционала

Технологии разработки платформы

• PHP, HTML
• CSS
• MySQL
• Jquery
• Javascript, AJAX
• Web-сервера Apache/Nginx
• Возможна доработка силами сторонних программистов
• Возможно кластерное решение
• Встроенные платежные системы: Яндекс.касса, Робокасса, Payanyway.ru, PayPal. Возможна разработка интеграции с любой платежной системой да отдельную плату.
• Есть готовый модуль для работы с https. По умолчанию сделана базовая оптимизация для продвижения. Есть инструменты для продвижения сайта. Есть большое количество уникальных модулей для SEO.

Минимальный набор требований для выкладки сайта на Canape CMS на хостинг:

• PHP 5.4 — 7.0
• Apache 2+ и выше
• MySQL 5.1 и выше
• Есть утилита для тестирования

Сайт на Canape CMS после разработки может оставаться в едином кластере, в этом случае все обновления CMS будут автоматически применяться и к нему, либо может быть вынесен на отдельный хостинг. В этом случае, обновления CMS будут доступны через службу технической поддержки, но уже за дополнительную оплату.

15 особенностей Canape CMS

1. SEO-шаблоны

Модуль позволяет быстро и легко настроить метатеги для группы страниц, особенно это необходимо, когда разделов на сайте много (на крупных интернет-магазинах их количество может быть больше 100). По умолчанию в модуле представлено 7 шаблонов, их может быть и больше, если подключены дополнительные модули или созданы отдельные шаблон для разделов (см. ниже).

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

Интерфейс шаблона состоит из 3 основных полей:

• краткое описание (description),
• заголовок страницы (title),
• ключевые слова (keywords).

Если в шаблоне используется галерея, как, например, в детальной товара, то добавятся еще 2 дополнительных поля:

• название изображения,
• альтернативный заголовок изображения.

Для упрощения процесса работы с шаблоном в Canape CMS был добавлен набор меток (переменных), который автоматически подставляют нужные значения. Это позволяет не вводить каждый раз название товара или новости.

Для интернет-магазинов и сайтов-каталогов, у которых множество разделов с товарами, есть функционал, который позволяет создать уникальный SEO-шаблон как для карточки товара, так и для отдельного раздела с товарами (см. ниже).

2. Заказы из форм

Модуль предназначен для систематизации, хранения и упрощения работы с информацией, поступающей с форм сайта. Он стал особенно актуален, после того как вступил в силу закон ФЗ-152 «О персональных данных».

Интерфейс модуля простой, но при этом интуитивно понятен. При входе в него выводится список форм, для которых были получены какие-либо данные.

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

При необходимости можно зайти на детальную страницу сообщения.

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

3. Модуль «Политики доступа»

Модуль предназначен для разграничения прав пользователей CMS. Интерфейс модуля разбит на блоки, которые позволяют быстро настроить политику:

• Политика доступа — это глобальные настройки политики, тут можно запретить или разрешить доступ к панели модулей, к настройкам сайта и созданию раздела
• Каталог — настройка использования функционала каталога. На текущий момент можно только управлять доступом в данную панель сайта.
• Настройка доступа к модулям — в данном блоке настраивается доступ к модулям в Панели управления.
• Также в этом модуле можно настроить доступ к конкретному разделу сайта, с помощью интерфейса «Разделы».

4. Глобальная настройка вывода товарных позиций

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

Основная задач модуля — максимально быстро изменить настройки для всех разделов типа «Каталог».

В базовом варианте модуля присутствуют возможность настроить:

• шаблон вывода товаров и шаблон вывод сопутствующих товаров (дополнительный список товаров выводится на детальной товара);
• настроить вывод количества товарных позиций на странице;
• подключить модули фильтра;
• подключить модуль сортировки.

При подключении дополнительных модулей, например, «Недавно смотрели», список настроек может расширяться.

5. Плагин для установки подсказок к тексту

Для того чтобы на сайте более наглядно выводить дополнительную информацию в CK-editorе (редактор текстов на сайте) добавлен новый плагин «Подсказки».

Он позволяет добавлять информацию для какого-либо объекта (текст, изображение), которая будет отображаться при наведении во всплывающем окне.

В интерфейсе плагина можно создавать новые и просматривать уже существующие подсказки, подключать/отключать их для объекта.

6. Плагин «Генератор форм»

С помощью данного плагина можно быстро установить ссылку на всплывающую форму. Раньше этот процесс занимал длительное время, т. к. его надо было делать вручную, теперь же это происходит гораздо быстрее.

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

7. Модуль информации о гарантийной поддержке

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

Если срок гарантии истек, то модуль напомнит о нем.

8. Настройки шаблонов для вывода альбома

В 29 версии Canape CMS был добавлен новый функционал, который позволяет настраивать шаблон вывода альбома для раздела.

Пользователь может выбрать один из 3 шаблонов: «Таблица», «Фоторама», «Строка».

«Таблица» подходит для равнозначных по смыслу фотографий — например, портфолио всех реализованных объектов строительства, фотографии сотрудников компании и т. д. Все фотографии при выводе «Таблица» отображаются в одинаковом размере. Вертикальные и горизонтальные изображения автоматически обрезаются под квадрат и при необходимости правятся вручную (см. ниже — первое и шестое фото в «Галерее цветов» вертикальные).

«Фоторама» нужна для размещения отдельных фотосессий. Центральное фото в слайдере обозначало тематику альбома (например, фотосессия проведенного ремонта на объекте, фотосессия пары молодоженов и т. п.). При таком размещении в центре фотогалереи выводится слайдер с одним крупным фото, размещенным первым в списке, а другие изображения отображаются миниатюрами. При пролистывании центральное изображение сменяются другими.

Вариант вывода «Строка» позволяет вывести и горизонтальные, и вертикальные фотографии пропорционально. Смещенная симметрия выглядит динамично и избавляет от необходимости править вручную автоматически обрезанные кадры, как в варианте вывода «Таблица».

9. Добавлена разметка E-commerce

В электронной коммерции любой товар представляет собой объект, с которым производятся определенные действия. Например, просмотр полного описания товара, добавление в «Избранное» или в корзину. С разметкой E-commerce возможна передача информации о взаимодействии пользователей с сайтом при совершении покупки. Это позволяет:

• расширить аналитику по интернет-магазинам;
• узнать, правильно ли настроена аудитория рекламной кампании;
• понять, какие пользователи интересуются товаром,
• сколько транзакций происходит на веб-сайте, какой доход он вам приносит и другое.

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

10. Модифицированы системы оплат под закон ФЗ-54

Согласно 54-ФЗ, контрольно-кассовая техника должна отправлять электронные версии чеков оператору фискальных данных. Юридическое лицо или ИП обязано приобрести фискальный накопитель, подключить online-кассу, заключить договор с оператором фискальных данных и отправлять чеки в электронном виде в ФНС через оператора фискальных данных.

• На сайте формируется заказ, который передается на оплату
• Оплата происходит на стороне эквайринга (robokassa, yandex-касса, payanyway и т. д.)
• Эквайринг передает информацию об оплате в online-кассу, которая формирует электронный чек
• Электронный чек подтверждается у оператора фискальных данных
• Подтвержденный чек фиксируется в фискальном накопителе, высылается покупателю на e-mail и заносится в базу оператора фискальных данных

1 или 2 раза в сутки все электронные чеки выгружаются в базу данных налоговой инспекции. В базовой сборке интернет-магазина улучшены системы оплат для наиболее популярных платежных интеграторов: «Робокасса», «Яндекс. Касса», Payanyway. Доработка под другие платежные интеграторы не включена в базовую сборку и возможна через специалистов технической поддержки в частном порядке.

11. Модуль «Карты»

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

Также он позволяет сгруппировать все объекты отдельно взятого раздела или же вообще всех каталожных разделов на единой карте.

В глобальных настройках модуля можно выбрать, какую карту использовать на сайте (Яндекс или Google), и настроить положение карты по умолчанию для сайта.

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

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

12. Плагин шрифтовых иконок

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

В библиотеке плагина содержится более 400 различных иконок на все случаи жизни.

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

13. Вывод галереи в статьи и новости 

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

Для подключения галереи нужно зайти в «Панель управления», кликнуть на вкладку «Настройки» и вкладку «Разделы». Там можно выбрать тип вывода фотогалереи:

• на детальной,
• в кратком описании,
• на детальной и в кратком описании.

После нажатия на кнопку «Сохранить» галерея отображается на сайте в указанных позициях. Также фотогалерея может быть отключена по умолчанию.

Вывод изображения в кратком описании

14. Добавлен модуль «Отложенные товары»

Его основная задача — дать возможность авторизованному клиенту сайта сохранять понравившиеся товары для последующей покупки.

На сайте модуль отображается в детальном описании товара в виде кнопки «Отложить».

В личном кабинете выбор клиента отображается в панели «Отложенные товары». Список можно корректировать с помощью кнопок «удалить», «купить» (клик на эту кнопку размещает товар в корзину) или полностью очистить по нажатию кнопки в конце списка.

15. Выбор шаблонов отзывов

В Canape CMS предусмотрено 4 шаблона: тень, рамка, кавычки и список.

 

Выводы и перспективы — куда движется Canape CMS

Сайты становятся маркетинговым инструментом для быстрого продвижения бизнеса в интернете.

Сайты усложняются. Битва за внимание и лояльность клиентов переходит в интернет — как захватить внимание и вызвать доверие клиента? Что нового предложить и как это подать пользователю?

В этом плане WebCanape имеет неплохой гандикап. За счет работы с собственным продуктом Canape CMS, слаженных действий команды разработки, четкого отслеживания современных тенденций, возможности масштабировать любой сайт — от информационного шаблона к сложному интернет-магазину с индивидуальным дизайном, мы предлагаем оптимальные решения для малого и среднего бизнеса по доступным ценам на рынке:

• адаптивный информационный сайт с индивидуальным дизайном — 45 000 руб., срок разработки — 14 дней;
• адаптивный сайт-каталог с индивидуальным дизайном — 65 000 руб. / срок разработки — 20 дней;
• адаптивный интернет-магазин с индивидуальным дизайном — 85 000 руб. / срок разработки — 25 дней;
• адаптивный landing page с индивидуальным дизайном — 45 000 руб. / срок разработки — 14 дней.

Вместе с тем наступает эра адаптивных шаблонов. У каждой студийной CMS есть свой набор красивых адаптивных шаблонов, но, как правило, они сделаны под абстрактную компанию или сайт — и переложить их под свои реалии и бизнес довольно сложно.

В Canape CMS тоже есть определенный перечень шаблонов, но все они дорабатываются в отделе разработки под каждого клиента (основной упор мы делаем на кастомизацию сайтов для бизнеса). Осенью 2017 года планируется перевод всех сайтов-шаблонов на адаптивную верстку с сохранением текущей стоимости:

• Информационный сайт — 15 000 руб.,
• Сайт-каталог, Landing Page — 16 000 руб.,
• Интернет-магазин — 18 000 руб.

Разработка ведется с участием SEO-специалиста. Базовая оптимизация — бесплатна. Однако для бизнеса, работающего в конкурентной сфере в интернете, чья целевая — клиенты из городов-миллионников, клиенты из более чем 5 регионов России, столицы, Санкт-Петербурга, рекомендуется проводить подготовку сайта к продвижению уже на этапе разработки.

В такие работы, как правило, входят:

• разработка структуры сайта, составление списков ключевых запросов и их конкурентности, определение основных продвигаемых страниц и списка посадочных страниц;
• внутренняя оптимизация сайта: составление заголовков и метатегов продвигаемых страниц, метатегов для изображений;
• рекомендации по оптимизации дизайна и функционала сайта, создание дополнительных типов страниц внутри раздела и/или оптимизация структуры каталога, в случае невозможности привязки семантических кластеров; составление плана дальнейших работ по сайту;
• регистрация сайта в поисковых и справочных системах: настройка правильной индексации в вебмастерах Яндекс, Google, Mail; регистрация сайта в системах Яндекс. Справочник и Google Адреса, 2GIS;
• рекомендации по настройке метрических систем (Яндекс. Метрика, Google Analytics, Mail.ru) и настройка целей.

Информация о всех релизах Canape CMS выходит на сайте в разделе «Новости». Следите за нашими публикациями в социальных сетях: Вконтакте и Facebook.