ВитЭколайн - сайт-визитка
ВитЭколайн — компания, которая оказывает комплексные услуги по вывозу и утилизации отходов различных классов опасности на всей территории Республики Беларусь.
Задача
Разработать сайт-визитку с индивидуальным дизайном для представления компании в сети Интернет.
Инструменты
Сайт был разработан на CMS WordPress с использованием библиотеки fullpage.js для постраничного скроллинга главной страницы.
Дизайн
Первым этапом разработки сайта с нуля является прототипирование нетипичных страниц. Дизайнер изучил заполненный заказчиком бриф и создал прототипы следующих страниц:
- Главная;
- О компании;
- Медицинские отходы;
- Фармацевтические и лабораторные отходы;
- Ветеринарные отходы;
- Полезная информация;
- Контакты.
Прототипы предоставляются заказчику по ссылке, чтобы с экрана компьютера можно было сразу оценить примерное расположение ключевых элементов на будущем сайте.
После внесения необходимых правок и получения контента для первичного наполнения дизайнер приступает к отрисовке макетов. В дизайне используются векторные изометрические иллюстрации в цветовой палитре фирменного стиля компании, были отрисованы иконки для контактов и маркированных списков.
Разработка и адаптация
После утверждения дизайна сайта наш программист выполнил верстку и разработку: превратил макеты в работающий адаптивный сайт, настроили корректное отображение на всех устройствах, оптимизировал скорость загрузки и протестировал кроссбраузерность. Также была выполнена базовая SEO-оптимизация.
Главная страница версталась с использованием библиотеки fullpage.js для постраничного скроллинга блоков. Такое решение делает страницу похожей на презентацию с анимированными слайдами.
Сайт адаптирован под любые устройства — от больших компьютеров до маленьких смартфонов. Все элементы сайта — картинки, текст, меню и кнопки — автоматически подстраиваются под размер экрана. Такой адаптивный дизайн делает процесс просмотра сайта максимально комфортным, не вызывая проблем с навигацией или чтением информации.
Итог
Заказчик получил готовый сайт, который мы разместили на его хостинге. Сайт готов к наполнению, чем заказчик смог заняться самостоятельно, изучив специально подготовленный видеоурок, и уже может принимать заявки на услуги через формы обратной связи. Базовая SEO-оптимизация позволит быстро приступить к продвижению. Мы продолжаем работу с клиентом, оказывая техническую поддержку сайта.
