Кейс по разработке сайта-каталога для разработчика программного обеспечения
Создание технологичного сайта на основе старой версии с предоставленным заказчиком макетом дизайна. Точность переноса всех url с их сохранением. Доработка функционала демо-версий и страниц продуктов.
Разработан сайт-каталог на основе предоставленного дизайна от клиента с сохранением всех url. Добавлена интерактивная анимация на сайт и проведена работа над повышением скорости загрузки страниц.
Разработка программного обеспечения для предприятий.
- 3 месяца – дизайн (предоставлен заказчиком)
- 1,5 месяца – разработка
- 3 недели – заполнение
Краткий бриф на разработку сайта
WordPressФирменная палитра цветов и шрифт
Полезный и для пользователя, и для бизнеса функционал
Первый экран сайта-каталога выполнен в сдержанном стиле без лишних элементов. На первом плане заголовок и кнопки, позволяющие взаимодействовать с программами компании. В шапке помимо ссылок на внутренние страницы сайта расположен поиск.
Одним из преимуществ компании является возможность попробовать демо-версию программы на 2 недели. Демо-версиям посвящена отдельная страница, где можно ознакомиться с условиями и оставить заявку. Там же можно узнать о предстоящих вебинарах.
На сайте присутствует возможность скачать все дистрибутивы текущих и предыдущих версий программ “Кредо” для операционной системы Windows и Linux.
Так как на сайте присутствует большое количество документов, которые должны быть доступны для скачивания, сложность состояла в том, чтобы загрузить их и при этом не утяжелить сайт. Ниже можно увидеть результаты нашей работы над скоростью загрузки сайта.
На главной странице, помимо формы для заявки на получение демо-версий программ, присутствует каталог по каждому направлению. Ниже размещается важная для клиентов информация о легальности всех программ компании.
Программы
Один из самых важных разделов сайта – каталог с программами. Все программы относятся к той или иной категории работ. Страница программы позволяет ознакомиться с ней лучше: помимо описания и стоимости, там присутствует возможность заказать временную версию, скачать дистрибутив и документацию.
В раскрывающемся списке можно подробнее узнать о каждой программе и посмотреть, как выглядит функционал и работа с программой.
Интерактивность и отзывчивость сайта достигается за счёт анимации, реагирующей на поведение курсора посетителя.
Какие инструменты и технологии мы использовали
Скорость загрузки сайта
Google PageSpeed Insights
Для каждого проекта мы добиваемся очень высоких показателей скорости загрузки сайта. Несмотря на обилие больших документов и изображений, сайт-каталог быстро загружается, весь контент отображается сразу: 96 баллов на десктопных устройствах и 95 баллов на мобильных является крайне высоким показателем (возможны более низкие результаты из-за месторасположения пользователя, медленного интернета, сильной нагрузки на устройства). У целевой аудитории компании нет свободного времени для ожидания загрузки контента на сайте, поэтому такая высокая скорость крайне положительно повлияет на поведение пользователей на сайте.
Результаты по проекту
Во время разработки сайта-каталога заказчик активно участвовал в работе, делился своими предложениями и внимательно слушал наши рекомендации. В результате все поставленные цели были достигнуты: разработан сайт-каталог на основе предоставленного дизайна от клиента с сохранением всех url, добавлена интерактивная анимация на сайт и проведена работа над повышением скорости загрузки страниц.
Давайте обсудим проект!
