Компания «Смарттех»

smart-tekh.ru
«Смарттех» - мультивендорная сервисная компания, осуществляющая поддержку самых разных устройств: от простых ПК до сложных роботизированных систем по всей России и странах ближнего зарубежья.

1C-Битрикс 1С-Битрикс
Адаптивный дизайн Адаптивный
дизайн
Инфорграфика Инфографика
Английская версия Английская
версия

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

При разработке сайта перед нами стояла задача найти баланс между двумя группами целевой аудитории:
Люди, которые слышали об автоматизации, но не понимают, как это работает
Необходимо показать варианты надёжного и востребованного решения, и эти варианты должны красиво выглядеть, характеристики и дополнительные сервисы вторичны
Люди, которые слышали об автоматизации, но не понимают, как это работает
Люди, выбирающие конкретное решение и производителя
Нужен акцент на характеристиках и сервисной поддержке, красота визуализации не так важна
Люди, выбирающие конкретное решение и производителя

Концепции

Нами были подготовлены 5 концепций главной страницы, основанных на принципах совеременной верстки: крупная типографика, динамическая подгрузка, акценты на услугах.
1
2
3
4
5
Тестирование контента
При доработке второй концепции было решено отказаться от ряда информационных блоков, таких как новости, и внедрить новые, например, географию присутствия.

Новый блок

Окончательный выбор цветовой гаммы
Возникли сомнения по использованию яркого синего цвета, была предложена новая цветовая гамма – графитовый на белом фоне с яркими красными акцентами. Тестирование показало значительный перевес в пользу новой цветовой концепции.

Дизайн

За основу в дизайне взята идея графики из фирменного буклета: асимметричные блоки со скруглениями. В графических элементах активно используется фирменная цветовая гамма и ее оттенки.
Меню-бургер
Удобное и стильное боковое меню-бургер облегачает поиск нужного информационного раздела.
Интерактивная карта
Карта помогает быстро найти ближайший филиал компании, можно также посмотреть все филиалы общим списком.
Карта
Список
Форма обратной связи
На темном фоне, доступна при клике на иконку в левой панели.
На светло-сером фоне, расположена перед футером на всех детальных страницах услуг.
Темная
Светлая
Каталог
Особое внимание было уделено каталогу услуг, для каждой категории которого мы разработали уникальный набор иконок.
Детальная страница о товаре выполнена в лаконичном стиле и содержит всю основную информацию, необходимую клиенту.
Иконографика
Помимо иконок для каталога услуг был разработан специальный набор миниатюр для списка дополнительных услуг.

Особенности реализации

Для слайдера на главной странице мы разработали уникальную анимацию.
Анимированные элементы корректно масштабируются и отображаются на всех устройствах.