Сайт-визитка адвоката в Витебске
Задача: Разработать сайт-визитку для продвижения и рекламы услуг в интернете, выполнить оптимизацию скорости загрузки сайта.
Платформа: CMS Joomla.
Решение: первым этапом в создании любого сайта является прототипирование будущих страниц. Прототипы представляют собой схематичное расположение ключевых блоков и элементов в них. Для сайта адвоката были отрисованы прототипы следующих страниц:
Прототипы демонстрируются заказчику удалённо через Интернет по ссылке, где заказчик может оставлять дизайнеру свои комментарии. После внесения некоторых правок и утверждения прототипа, дизайнер начинает работу над макетами будущих страниц сайта, в которых уже отрисовывает дизайн, основываясь на готовых прототипах и пожеланиях заказчика по цветовой гамме и стилистическим предпочтениям.
На главной странице реализованы блоки с описанием работы адвоката, блок с главными услугами, блок отзывов и контактной информацией.
Страница услуг демонстрирует все услуги предоставляемые адвокатом:
Страница отзывов:
Страница контакты:
Главной целью разработчиков являлось достижение высоких скоростных показателей в загрузке и работе сайта. Для оптимизации скорости загрузки сайта разработчики выполнили минимизацию всех файлов с кодом и компонентов которые отправляются пользователям. Для изображений сайта была доработана оптимизация их размера и разрешения, добавлена отложенная загрузка, которая позволяет подгружать графические элементы по мере прокрутки страницы и появления их на экране пользователя. Для реализации кеширования страниц сайта на CMS Joomla было установлен и настроем модуль JCH Optimize. Все эти действия позволили добиться высоких показаний в скорости загрузки страниц сайта, что можно заметить при просмотре сайта или из тестов производительности, которые показывают высокий уровень оптимизации и дают оценки для мобильных устройств 98 из 100 и 100 из 100 для десктопных устройств.
|
|
Все страницы адаптированы под маленькие экраны, чтобы их было удобно просматривать не только с компьютера, но и с телефона. Для мобильных устройств было переработано меню и размещение всех блоков, подобраны необходимые размеры шрифтов, изображений.