Разработка корпоративного сайта для SimpleOne

1. Вводная задача от заказчика, проблематика, цели

О компании

SimpleOne создает ПО для автоматизации бизнес-процессов в подразделениях, которые занимаются процессной и проектной деятельностью в сфере услуг. Цель компании - стать лидером на рынке ESM-систем (Enterprise Service Management).

Задача

Создать корпоративный сайт за 3 месяца, который поможет вывести на рынок новый продукт. Ресурс должен понятно демонстрировать работу системы и её конкурентные преимущества для бизнеса.

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Сложности

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

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

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

Порядок работ

• Интервью с владельцами продуктов.
• Выбор CMS и инструментов разработки, которые позволили бы выпустить сайт в сжатые сроки.
• Составление и согласование ТЗ.
• Написание контента.
• Создание прототипов.
• Разработка дизайна и согласование его с заказчиком.
• Разработка.
• Тестирование и выход в продакшен.

Технологии

Разработка сайта совпала с периодом частых крупных обновлений самой ESM-системы. Поэтому требовалось выстроить процесс так, чтобы выпуск новых элементов в продакшен не отнимал много времени.

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

Для бэкенда взяли PHP 7.4 (одну из последних версий на тот момент), что обеспечило высокую скорость работы.

Фронтенд строили на препроцессорах SASS+PostCSS — они дали меньший объем кода и упростили наследование стилей. SASS выбрали вместо LESS из-за более широкой функциональности.

Доставку обновлений в продакшен автоматизировали через GitLab CI/CD. Это позволило разбить работу на спринты и выпускать небольшие, но готовые блоки за каждый отрезок времени.

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

3. Результаты сотрудничества

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

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