О проекте
«Домтик» — это санитарная служба, специализирующаяся на уничтожении насекомых, грызунов и бактерий, а также на проведении озонирования и дезинфекции.
Заказчик обратился к нам с задачей разработать логотип, создать дизайн сайта и выполнить адаптивную верстку с акцентом на подход Mobile First..
Разработка логотипа
На первом этапе мы сосредоточились на создании логотипа, который должен был отражать суть бизнеса и вызывать доверие у клиентов. Предложили несколько вариантов, из которых был выбран финальный логотип, который стал основой для визуального стиля сайта.
Веб-дизайн
После утверждения логотипа мы приступили к разработке дизайна для десяти основных страниц сайта. В процессе работы мы учитывали потребности целевой аудитории и стремились создать интуитивно понятный интерфейс. Вот список страниц, для которых был разработан дизайн:
Каждая страница была проработана с учетом удобства пользователя:
- Главная страница: включает яркие визуальные элементы, которые привлекают внимание, а также основные услуги и преимущества компании.
- Каталог услуг: представлен в виде карточек с кратким описанием каждой услуги и кнопками для перехода на страницы с подробной информацией.
- Страница услуги подробнее: содержит детальное описание услуги, фотографии и отзывы клиентов.
- Блог: раздел для публикации статей, где пользователи могут найти полезные советы и рекомендации по борьбе с вредителями.
- Стоимость услуг: таблица с ценами на услуги, что позволяет клиентам быстро оценить стоимость необходимых работ.
- Отзывы: раздел с реальными отзывами клиентов, что помогает повысить доверие к компании.
- Скидки: информация о текущих акциях и специальных предложениях.
- Контакты: форма обратной связи и контактные данные для удобства связи с компанией.
Также разработали модальные окна для таких функций, как запись на услугу и подписка на новости. Важным аспектом было продемонстрировать поведение элементов при наведении и нажатии, что добавляет интерактивности и улучшает пользовательский опыт.
Адаптивная верстка (Frontend)
После утверждения дизайна мы выполнили адаптивную верстку с акцентом на подход Mobile First. Это означает, что сайт был изначально спроектирован для мобильных устройств, а затем адаптирован для более крупных экранов.
- Гибкие сетки: Использование процентов вместо фиксированных пикселей для ширины элементов, что позволяет сайту автоматически подстраиваться под размер экрана.
- Медиа-запросы: Применение CSS медиа-запросов для изменения стилей в зависимости от устройства, на котором отображается сайт.
- Оптимизация изображений: Использование изображений в разных разрешениях для обеспечения быстрой загрузки на мобильных устройствах.
- Тестирование на разных устройствах: Проведение тестирования на различных мобильных и планшетных устройствах для проверки корректности отображения и функциональности.
После завершения работ по адаптивной верстке мы передали все файлы заказчику. Дальнейшие работы по созданию сайта заказчик выполнял своими силами. Новый логотип и дизайн сайта помогут «Домтик» эффективно привлекать клиентов и развивать свой бизнес в сфере санитарной обработки.
