Кейс:Разработка веб – сайта IT – компании ScanViz

Клиент: ScanViz Lidar Systems – российская компания – разработчик, специализирующаяся на производстве оборудования для мобильного лазерного сканирования.

Задача: Разработать современный адаптивный веб – сайт, ориентированный на российский и европейский рынки.

Особенность проекта: узкая специализация и высокая стоимость продукта компании – клиента. Если вам было интересно подробнее о стоимости и особенностях, можете посмотреть это на сайте заказчика.

Анализ аудитории

Перед началом работы над проектом, команда «Business Boom» всегда проводит комплекс аналитических процедур, чтобы сформировать идеальную концепцию и стратегию продвижения для клиента.

Для ScanViz мы нашли 5 сайтов – конкурентов в той же или смежной отрасли в России и в Европе, изучили их структуру и провели анализ их трафика с помощью сервиса SimilarWeb.

Появилось понимание течения потенциальных клиентов заказчика, и как нам направить этот поток на новый сайт.

Разработали с командой структуру и концепцию веб – сайта. Направили заказчику на согласование и утвердили с ним техническое задание.

Дизайн веб – сайта

В начале было необходимо разработать макеты сайта и отправить их на утверждение заказчику.

В соответствии с техническим заданием, на сайте должны были быть следующие блоки:

1. Главная страница;
2. Софт;
3. Продукты
4. Новости
5. О компании
6. Примеры
7. Support
8. Контакты

При выборе цветовых решений, мы опирались на корпоративные цвета компании заказчика и его предпочтения. А именно: #055e74, #000e19, #ffffff, #005ed2 – для блока «области применения», #303030.

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

Во время работы мы хотели, чтобы сайт создавал нужное впечатление о ScanViz как о перспективной IT-компании, будущем лидере рынка.

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

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

Так потенциальному клиенту проще понять, как он может использовать продукт заказчика в своей деятельности.

Затем дизайнер подробно проработал каждый раздел сайта. Мы добавили описание продукта, его разновидности и провели фотосессию продукции компании заказчика + сделали рендеринг 3d – моделей. Итоговые изображения разместили на сайте.

Добавили отельный раздел «Софт», чтобы добавить описание программного обеспечения для управления устройствами ScanViz.

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

По завершению работы, отправили дизайн на согласование заказчику. В процессе он попросил скорректировать цвета (Цвета, упомянутые выше – утвержденный окончательный вариант). Далее мы передали наполнение сайта на русском языке нашим партнёрам для перевода на английский, чтобы добавить второй язык. После согласования мы перешли к следующему этапу.

Верстка веб – сайта

Чтобы сверстать сайт для ScanViz, пришлось потратить чуть больше времени, чем мы планировали. Дело в анимации. Верстка изображения, которые движется за курсором волнами – кропотливая работа. Но мы хотели дать заказчику результат, поэтому старались сделать как можно быстрее без ущерба качеству.

Следующим этапом стала адаптация сайта под различные типы устройств и добавление английского языка.

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

Результат: Современный веб – сайт IT – компании на двух языках, адаптированный под разные устройства.