Okdesk. система автоматизации сервисных процессов крупных компаний
О проекте
Okdesk — самое популярное (~ 800 активных клиентов) и полностью российское решение, которое предоставляет широкие функциональные возможности корпоративных Service Desk систем по цене, доступной любому бизнесу.
Главная задача
За последние несколько лет Okdesk совершил качественный скачок в развитии: команда увеличилась до 30+ человек, а сама система стала ещё более гибкой, получила десятки новых функций и возможностей, которые позволяют решать любые задачи, связанные с автоматизацией техподдержки, сервиса и выездного обслуживания в компаниях разного масштаба и в различных отраслях.
Как следствие, изменилось и позиционирование, что нашло своё отражение в новом фирменном стиле и дизайне сайта.
Учитывая объём и специфику работ при редизайне сайта, мы тщательно подошли к выбору агентства. В первую очередь нам понравились кейсы Verno.digital.Из рассматриваемых кандидатов портфолио компании было самым привлекательным и совпадало с нашими представлениями о новом дизайне.
И безусловно, весомым фактором стала скорость коммуникаций и заинтересованность в проекте. Уже на этапе разработки и согласования брифа мы оценили конструктивный подход и чуткое отношение команды Verno.digital к деталям.
Таким образом, перед нами стояли две главные задачи:
- Обновить дизайн сайта в соответствии с новым фирменным стилем и позиционированием;
- Лаконично показать новые функциональные возможности системы;
И несколько сопутствующих задач:
- Увеличить конверсию сайта;
- Проработать стиль сайта и посадочные страницы.
1. Дизайн
Концепции
Изначально было несколько вариантов решений, пробовали даже уникальные 3D-мокапы с элементами интерфейса, но поняли что это дорогостоящее и трудно масштабируемое решение. Окончательный выбор пал на изометрию, так как мы могли быть более гибкими и вариативными в донесении возможностей и преимуществ.
Главная страница была далеко не первой на старте, изначально необходимо было сделать отраслевые страницы, которые бы могли точечно попадать в пользователя и влиять на конверсию.
Главная страница служит разводящей и демонстрирует ключевые возможности сервиса.
Основная сложность была в том, чтобы продемонстрировать всё разнообразие возможностей системы, при этом не перегружая пользователей. Для этого мы добавили анимацию и интерактивные элементы.
Раздел с отраслевыми решениями
Сделали 11 страниц отраслевых решений
Под каждую возможность и преимущества разработаны уникальные иллюстрации. Совокупно мы уже сделали 147 уникальных сцен и иконок.
Результаты после обновления отраслевых страниц
Страницы возможностей
На страницах возможностей мы уже использовали мокапы с демонстрацией работы сервиса. Страницы насыщены анимацией, которую реализовывали на верстке, а сложные сцены в Adobe After Effects.
Реализовали раздел с подбором тарифов и их сравнением.
Верстка
В качестве сборщиков мы используем связку gulp + webpack, что позволяет избавиться от рутинных задач при верстке, автоматизировать все процессы. А также улучшить качество кода, благодаря плагинам gulp и модульности javascript.
Более подробно:
1. Мы пишем css на препроцессоре scss, что повышает уровень и качество верстки. Также css прогоняется через autoprefixer для кроссбраузерности.
2. Мы пишем html на препроцессоре pug, что делает код более читаемым, легко масштабируемым.
3. Javascript пишется в современном формате, модульно, и прогоняется через babel для максимальной поддержки предыдущих версий браузера.
Также верстка осуществляется по BEM методологии, с компонентным подходом и организацией файловой структуры (pug + scss).
Основной сложностью было то, что верстка осуществлялась с рук, мы делали страницы поэтапно и не видели всей картины по переиспользуемым блокам. Однако мы смогли максимально соблюсти компонентный подход.
Итог
Хотим сказать спасибо Okdesk за очень подробное техническое задание и оперативное участие в согласованиях.
Будем рады спустя время собрать обратную связь по статистике всего сайта и дополнить кейс обновленными цифрами.
Отзыв клиента
Сотрудничество с Verno.digital — исключительно позитивный опыт для нас. Это клиентоориентированность, приемлемая стоимость, высокое качество. Дизайн сайта давно требовал обновления, потому что морально устарел и не давал максимальной конверсии, в чём мы и убедились, обновив его, и уже успели оценить результаты. Цифры говорят сами за себя. Наш сайт плотно связан с backend, поэтому при внедрении новых решений неизбежно возникают технические ошибки, которые мы не предусмотрели в ТЗ. В таких случаях мы обращаемся к коллегам из Verno.digital и всегда получаем профессиональную и оперативную поддержку.
