Услуги, которые они предоставляют, охватывают весь производственный цикл, начиная от разработки дизайна продуктов и заканчивая их массовым производством.
Опираясь на внутренние ресурсы, компания сама производит сырье, оснастку, осуществляет полный комплекс разработки и создания готовой продукции, начиная от переработки сырья и заканчивая выпуском конечного изделия. Также они сотрудничают с различными компаниями в автомобильной и других промышленных отраслях.
Что было на старте?
Одностраничная презентация компании с контактами офиса, производства и телефоном.С чем обратились к нам?
Компания хотела получить сайт на котором будет представлено производство, сертификаты, показаны услуги и возможности для будущих и уже существующих клиентов. Имея уже несколько производств, большой опыт в своем сегменте бизнеса и производства, заказчик обратился к нам для создания сайта, который будет интуитивно понятен, интересен, будет содержать специальные формы для обратной связи, а также раскроет все детали производства, и отразит саму компанию в их стремлении быть актуальными, надежными профессионалами в своем деле.Что было сделано?
Сбор требований по проекту
На данном этапе очень часто возникает расхождение между ожиданиями заказчика и реализованным продуктом, что приводит к недопониманию и разочарованию с обеих сторон. Для устранения этой проблемы перед началом проекта проводится предпроектная аналитика, направленная на точное определение целей и задач проекта.Для этого мы всегда проводим ряд встреч с заказчиком в формате интервью, чтобы понять его требования, ожидания и бизнес-потребности, анализируются конкуренты и стейкхолдеры, целевая аудитория с их интересами/привычками. Готовится список предложений по внедрению функционала, максимально соответствующего требованиям рынка.
Отдельно прорабатывается понимание желательных конверсионных действий – по-простому, мы, совместно с клиентом прорабатываем понимание того, какое действие, в идеале, мы хотим получить от потенциального клиента по каждой из страниц. Это может быть прочтение информации, покупка товара, обращение к менеджерам компании, заполнение формы и так далее. Нам кажется очень важным, уже на этапе аналитики, продумывать то, чем именно каждая из страниц нового сайта, будет полезна действующему бизнесу. Понимание цели, которой мы хотим добиться, дает нам понимание наилучших средств для ее достижения.
Подбор решения
Нами сразу было принято решение отдать предпочтение индивидуальной разработке, при которой будут созданы именно те страницы, с именно тем набором элементов и именно той логикой, которая наилучшим образом будет закрывать потребности потенциальных пользователей сайта, которые определяются на этапе предпроектной аналитики. Это решение позволило “творить”, следуя предпочтениям еще и самой компании.Агрегация требований
Одним из наиболее важным этапов является агрегация требований. По сути это встреча, на которой мы вместе с командой Новатех выяснили какие перед нами стоят цели и задачи, для кого делаем сайт, кто наши основные конкуренты, выделяем сильные и слабые стороны каждого.Такая демонстрация нашего видения проекта дала возможность согласовать предложения по улучшению/разработке, прийти к общему пониманию реализации проекта, задать уточняющие вопросы, выслушать пожелания связанные с конкретными разделами и процессами.
Один из важных шагов - определение стейкхолдеров проекта. То есть заинтересованных лиц, которые имеют интерес или влияние на проект. Они бывают внутренние и внешние.
Внешние стейкхолдеры - непосредственно клиенты с соответствующими потребностями. Тут и получение полной и необходимой информации об услугах, консультация, обоснование уникальности, надежности, удобный и простой формат обратной связи и других важных критериев, направленных на выбор в пользу заказчика. Знать и видеть пользователя необходимо для любой компании, ведь это является прямым путем для привлечения новых клиентов и других перспективах роста.
Внутренние сотрудники
Внутренними стейкхолдерами проекта (со стороны компании-заказчика) в данном случае являются:
- Менеджеры, работающие с заявками
Для них нужен быстрый и интуитивный поиск информации для предоставления будущим клиентам, документации в уже готовой форме для отправки, и, разумеется, единый канал связи, помогающий избежать путанницы.
- Производство
Для этого отдела нужны точные данные, исходящие от менеджера, для расчета целесообразности в целом, времени, и ресурсов. После чего идет ответ менеджеру со всеми данными.
- Маркетинг
Отдел, занимающийся привлечением новых клиентом, аналитикой, наращиванием базы покупателей, и занимающийся рассылками для уже существующих клиентов.
- Владелец/коммерческий директор/РОП
Автоматизирование: расчетов для клиентов по перечню параметров, формирования договоров по коммерческим предложениям, согласование документов. Все это нужно для того, чтобы сотрудникам не приходилось бегать из отдела в отдел. Также контроль KPI по менеждерам, по производству.
На основе собранной информации:
- Формулируются цели и задачи проекта.
- Уточняются основные функции и особенности.
- Определяется структура информации на каждой странице и их взаимосвязь.
- Разрабатывается система навигации для пользователей, включая пользовательские пути по сайту.
При сборе требований к проекту отдельное внимание уделяется анализу конкурентов, с целью исследованию текущих трендов. Изучаются примеры успешных сайтов производств, коих в этой нише не мало. Такой анализ позволяет понять как можно создать конкурентоспособный сайт. Какие сильные и слабые стороны присутствуют у конкурентов.
Прототипирование и дизайн
Прототипирование и дизайн
Следующий этап, который также был представлен заказчику на очередной встрече-интервью, это прототип. Прототипы представляют собой схематичные изображения интерфейсов без деталей, таких как картинки, цвета и логотипы. Они помогают ускорить процесс согласования и переработки дизайн-макетов, поскольку их можно легко изменять и дорабатывать.
На этом этапе также начинается работа над мобильными версиями сайта, чтобы обеспечить удобство отображения контента на различных устройствах. Это хоть и стандартный процесс, но также требует значительного внимания, ведь пользователь в наше время многие процессы решает “на бегу”, через экран смартфона.
Компания Новатех пришла к нам за тем, чтобы их будущий сайт смог подсветить все циклы производства, все что они могут предложить рынку, а также чтобы через сайт можно было оформлять заказы на услуги, используя специальные формы обратной связи для каждого раздела свои.
На этом этапе также начинается работа над мобильными версиями сайта, чтобы обеспечить удобство отображения контента на различных устройствах. Это хоть и стандартный процесс, но также требует значительного внимания, ведь пользователь в наше время многие процессы решает “на бегу”, через экран смартфона.
Компания Новатех пришла к нам за тем, чтобы их будущий сайт смог подсветить все циклы производства, все что они могут предложить рынку, а также чтобы через сайт можно было оформлять заказы на услуги, используя специальные формы обратной связи для каждого раздела свои.
Это, а также цветовые и логистические решения сайтов, их уже существующих, были использованы при разработке прототипа сайта и в дальнейшем отданы на верстку.
Основная страница включала в себя кроме стандартного набора блок преимуществ, из-за которых выбирают именно Новатех, так как компании очень важно подчеркнуть все достоинства в своем сегменте. Затем идет навигационный пользовательский блок, выполненный в виде шестеренки с анимированными секциями-кнопками, представляющий единый производственный сегмент.
Для ощущения глубины, перспективы и движения на главной и последующий страницах сайта был использован параллакс - визуальный эффект, при котором элементы, расположенные ближе к зрителю, перемещаются быстрее элементов фона.
Оформление страницы 404 включает в себя функциональность обратной связи, а также карту сайта, чтобы навигация пользователя на сайте не останавливалась.
Поиск реализован внутри системы самого сайта и выдаст пользователю только ту информацию, которая на нем содержится.
Страницы услуг (целевые)
Разводящая страница - дублирует тот блок, в виде шестеренки, который есть на главной странице.
В мобильной версии этот раздел на странице представлен “кликабельными” элементами.
Далее следуют страницы услуг, описывающие конкретные аспекты производства. Там же пользователь видит изделия и сам технологический процесс, представленный в виде фото-альбома, с возможностью прокрутки вправо/влево.
Ниже расположены преимущества обращения в компанию и блок “Наше производство”, обращающий внимание на мощности производства для каждой услуги. Также есть возможность “скачать презентацию” в формате pdf документа по каждому устройству, используемому на производстве, что может снять ряд вопросов при заключении сотрудничества и не лишний раз позволяет будущему заказчику/партнеру фирмы убедиться в правильности выбора именно Novatech.
Далее следуют страницы услуг, описывающие конкретные аспекты производства. Там же пользователь видит изделия и сам технологический процесс, представленный в виде фото-альбома, с возможностью прокрутки вправо/влево.
Ниже расположены преимущества обращения в компанию и блок “Наше производство”, обращающий внимание на мощности производства для каждой услуги. Также есть возможность “скачать презентацию” в формате pdf документа по каждому устройству, используемому на производстве, что может снять ряд вопросов при заключении сотрудничества и не лишний раз позволяет будущему заказчику/партнеру фирмы убедиться в правильности выбора именно Novatech.
Раздел "О компании"
Логотип, видео о компании, текстовое описание то же что и на главной странице, схема системы менеджмента качества и сертификаты. При пролистывании до конца на странице снова появляется форма обратной связи и сокращенной, кликабельное меню.
Логотип, видео о компании, текстовое описание то же что и на главной странице, схема системы менеджмента качества и сертификаты. При пролистывании до конца на странице снова появляется форма обратной связи и сокращенной, кликабельное меню.
Также этот раздел включает в себя Галерею с фотографиями результата работ компании, страницу Закупок с актуальными тендерами и страницу о карьере в Новатех.
Страница "Карьера"
Раздел о команде, рассказывающий о том, что Новатех это команда профессионалов, за ним следует раздел о кадровом резерве, перечень документов по оценке условий труда с актуальным наполнением и опять же форма для обратной связи.
Страница "Карьера"
Раздел о команде, рассказывающий о том, что Новатех это команда профессионалов, за ним следует раздел о кадровом резерве, перечень документов по оценке условий труда с актуальным наполнением и опять же форма для обратной связи.
Раздел "Новости"
Раздел для развития и продвижения. Анонсы и тексты с изображениями, с помощью которых пользователь может наблюдать за развитием и дальнейшим ростом компании.
Доп. требования
Подключение системы ReCAPTCHA при отправке заявок, для ограничения спама и роботизированной рекламы. Мы использовали наиболее свежую версию – она более прозрачная и незаметна для пользователей, а от СПАМа защищает не хуже.Одной из задач, которую заказчик хотел решить с помощью сайта, было привлечение внимания к компании и получение реальных заявок.
На финальных этапах работ по сайту мы всегда делаем 2 вещи:
- проводим полный комплекс работ по технической оптимизации сайта (SEO) для того, чтобы контент на сайте корректно и быстро индексировался и сайт получал пользователей из органической (поисковой) выдачи + настраиваем для клиента корректный сбор и отображение важных метрик. Это важно и для нас и для клиента.
- метрики показывают реальный результат.
Вместе с количеством людей, которые приходят из поиска, в отчетах по конверсиям видно, что сайт более чем выполняет желаемые функции – посетители интересуются профильными услугами, делают заявки:
Зная среднюю конверсию из заявки и средний чек, можем с уверенностью сказать, что для уже за 4 месяца, стоимость разработки сайта окупилась!
Что в итоге?
В итоге компания Новатех получила уникальный сайт с индивидуальным дизайном. Сайт разработан с учетом особенностей фирменного стиля заказчика, что делает сайт непохожим на других. Это привлекает внимание посетителей и помогает выделиться в толпе. Навигация на сайте получилась понятной и легкой, потому что разрабатывалась на основе анализа всех возможных пользователей сайта с учетом их потребностей и интересов.
Теперь, посетители смогут без проблем найти нужную информацию, связаться с сотрудниками компании и будут чувствовать себя при этом комфортно. Итак, в итоге заказчик получил не просто сайт, а полноценное решение, которое помогает ему выделиться, работать эффективнее и быть на связи с клиентами. Это рецепт для успеха и процветания его бизнеса!
Теперь, посетители смогут без проблем найти нужную информацию, связаться с сотрудниками компании и будут чувствовать себя при этом комфортно. Итак, в итоге заказчик получил не просто сайт, а полноценное решение, которое помогает ему выделиться, работать эффективнее и быть на связи с клиентами. Это рецепт для успеха и процветания его бизнеса!