Разработка

Наш адрес

г. Краснодар,
ул. Московская, 88

График работы

Пн-пт: 10:00-18:00
Сб-вс: выходные дни

LOGO
Главная Портфолио О компании Статьи Контакты

+7 (900) 26-40-156

Главная Наши услуги Создание сайтов Продвижение сайтов Дизайн и фирменный стиль Портфолио О компании Статьи Контакты

Создание сайта по продаже автономных канализаций

Многофункциональный сайт с каталогом продукции, формой заказа и адаптивный под все разрешения мобильных устройств. На сайте представлено более 50 товаров с уникальными изображениями, вся необходимая информация о компании и ее деятельности

Краткое описание проекта

На сайте представлена вся необходимая информация о компании и ее деятельности, описаны ее преимущества перед другими московскими фирмами, есть формы обратной связи для оформления заказа и связи с владельцами.

Создан многоуровневый каталог, где представлены 50 товаров, их технические характеристики, цены и фотографии, и для каждого можно рассчитать стоимость монтажа по любым заданным параметрам. В каталоге можно отобразить товары списком, таблицей и выбрать количество товаров для показа на странице. Работает форма поиска, а слева для навигации всегда показаны 2 основных раздела каталога.

Сайт полностью адаптивный и его комфортно просматривать со всех мобильных устройств, а для мобильной и планшетной версии созданы макеты с уникальным дизайном.

Нами выполнены следующие работы:

  1. Разработка логотипа
  2. Уникальный дизайн сайта
  3. HTML-верстка
  4. Привязка к CMS WordPress
  5. Адаптация под мобильные устройства
  6. Интеграция с социальными сетями
  7. Настройка форм обратной связи
  8. Создание многостраничного каталога
  9. Обработка и ретушь 50 изображений для каталога
  10. Разработка калькулятора расчета стоимости и монтажа
  11. Подключение Яндекс.Метрики

Разработка логотипа

Работа над проектом началась с создания логотипа и разработки фирменного стиля компании. Как основные цвета были выбраны светло-оранжевый в сочетании с черным / темно-серым — такие цвета характерны для строительной, промышленной тематики, и в данном случае это было оригинальным и удачным решением.

Прототипирование

После этого был разработан интерактивный прототип. Можно было посмотреть все разделы сайта, точно понять будущий интерфейс, и внести коррективы в структуру проекта. Так, допустим, в самом начале в шапке сайта мы планировали разместить крупный логотип, но вскоре после тестирования решили отказаться от этого, и поместили 5 преимуществ, для того чтобы пользователь сразу понимал на какой сайт он попал, и оценил выгоды от сотрудничества с компанией.

Адаптация под мобильные устройства

Сайт адаптивный под все разрешения мобильных устройств, и его комфортно можно просматривать, как с телефона, так и с широкоформатных мониторов. Для мобильной и планшетной версий созданы макеты с уникальным дизайном. Дизайн десктопной версии сделан под 1920 пикселей с контентным полем 1170 пикс., планшетной — 768 пикс., а мобильной версии — под 320 пикс. (это самое минимальное современное разрешение смартфона).

Разработка дизайн-макетов

После согласования дизайна главной страницы были разработаны 13 макетов внутренних страниц. Страницы каталога содержат три уровня раскрытия. В список товаров можно попасть, как с выпадающего меню в шапке, так и перейдя сначала на страницу разделов каталога, а потом — в нужный раздел. Слева для удобства навигации всегда расположены 2 раздела: Юнилос Астра и Топас. Чуть ниже идут преимущества, формы захвата и контактная информация.

На странице товары можно отобразить как списком, так и таблицей, можно выбрать какое количество показать на странице: 15, 30 или сразу все. Также вверху всегда есть поиск для того, чтобы пользователь не терял время на поиск необходимой модели, если он знает, что ему именно необходимо. Снизу есть пагинация по страницам, и пользователь может сразу понять, какое примерно количество товаров представлено в данной категории.

При открытии карточки товара сверху всегда видна форма заказа и необходимая контактная информация. Ниже идут технические характеристики товара и его цена в зависимости от комплектации. Пользователь сразу может посчитать стоимость монтажа — для этого предусмотрен калькулятор с возможностью выбора заданных параметров. Под ним идет краткое описание товара и его отличие от схожих моделей данной категории. Ниже идут отзывы, расположенные по дате размещения, и блок “вы недавно смотрели”, который генерируется автоматически.

Работа над графическими элементами

Для сайта были отрисованы многие иконки и элементы инфографики. Все фотографии были сжаты, чтобы обеспечить максимально быструю загрузку сайта. Для каталога обработаны более 50 изображений товаров, что обеспечило им уникальность в поисковых системах.

 

Оставить заявку

Мы свяжемся с вами в ближайшее время

для уточнения деталей

Дипломы и сертификаты

alt alt ghdf

Нам доверяют

fgd alt alt alt alt alt