Северсталь-Вторчермет
В компании Северсталь-Вторчермет 7 пунктов приема металлического лома. Они расположены в Московской области, Санкт-Петербурге, Череповце и Вологде.
Задачей было создать информационный сайт компании, удовлетворяющий нужды каждого филиала и каждого пункта приема лома. Очень важен был “маркетинговый слой” проекта - нужно было заинтересовать потенциальных ломосдатчиков, показать им все выгоды от сотрудничества с компанией.
https://vtorchermet.severstal.com/![Северсталь-Вторчермет Северсталь-Вторчермет](/upload/iblock/10b/10bff6884fb7e4f2964fb105d79b5278.png)
- Аналитика
- Прототипирование UX
- Дизайн UI
- Адаптивная верстка
- Программирование 1С-Битрикс
- Наполнение контентом
- Автоматическое определение геолокации пользователя и подбор ближайших площадок приема металлического лома.
- Автоматическая перенастройка сайта в зависимости от выбранного пункта приема, меняются контактные данные, карта, набор услуг, правила приема лома.
- Построение маршрута до ближайшего пункта с использованием Яндекс.Карт.
Клиент
ПАО «Северсталь-Вторчермет» – это ломоперерабатывающая компания, входящая в дивизион «Северсталь Российская сталь», осуществляет закупку, переработку и продажу лома черных и цветных металлов. «Северсталь-Вторчермет» имеет собственные площадки по приему лома в Московской области (г. Клин, г. Щелково, дер. Б. Толбино), Санкт-Петербурге, Вологде и Череповце. (Помимо площадок есть транзитный отдел - поставка лома с других регионов на ЧерМК).
![Северсталь-Вторчермет Северсталь-Вторчермет](/upload/iblock/a92/a923a997d0fbdb48a5d6cbcd254a7c4a.png)
Аналитика
На основе аналитики определили простую и интуитивно понятную структуру функционального сайта для конечных пользователей и поисковых машин. Аналитика для корпоративного сайта включала:
Подход к работе
![Подход к работе Подход к работе](/upload/iblock/621/6217735ee9b97f5489a68a9ae1dd27d3.png)
Проекты ведем по стандартам PMI. Контролируем сроки, качество и бюджет. В работе над проектом используем документы: 1 – для предпроектного анализа, 2 – для ведения проекта.
Документы для контроля бюджета и сроков, разбора и фиксации потребностей заказчика
Документы для систематизированного сбора требований по проекту
Клиент заполняет бриф, изучает устав, бизнес-кейс и на основе этих данных сообщает дополнительную информацию по проекту
![Требования бизнеса Требования бизнеса](/upload/iblock/383/3838e82867d5f149fae8e2fafa8907aa.png)
Проводим анализ конкурентов по разным параметрам, в том числе собираем фичи и составляем сравнительную таблицу с частотой их использования каждым конкурентом
![Требования рынка и предложения конкурентов Требования рынка и предложения конкурентов](/upload/iblock/bfa/bfa5c1ad7fc3b0305fb2b86041d73d49.png)
Общее описание пользователей и сценарий их взаимодействия с сайтом. При необходимости проводим глубинное интервью с пользователями
![Требования пользователя Требования пользователя](/upload/iblock/f3b/f3b40e7b191d721a23fc795dc89bb236.png)
Вносим общие исходные данные о проекте
![Бизнес-кейс [ Business case ] Бизнес-кейс [ Business case ]](/upload/iblock/bae/bae032f3f11c21fba186eb3738bce9f3.png)
Прописываем ответственных со стороны клиента, задачи, стоящие перед клиентом, сроки проекта, интеграции с другими системами, требования к проекту, условия коммуникации, составляем команду для проекта и прочее
![Устав [ Project charter ] Устав [ Project charter ]](/upload/iblock/458/45829a0361a80892bd6317727c732bfc.png)
По определенной методологии рассчитываем риски и возможности в проекте, исходя из данных на текущий момент
![Расчёт рисков [ Risk register ] Расчёт рисков [ Risk register ]](/upload/iblock/61f/61f1da1e79e2cb4258186b219fa0aed7.png)
Расписываем движение проекта во времени
![Диаграмма Ганта [ Project schedule ] Диаграмма Ганта [ Project schedule ]](/upload/iblock/4ba/4ba60c5a6cd79ba43003e94d8657e189.png)
Вносим комментарии после встреч с заказчиком, идеи и прочее
![Внутренний документ по изменениям в проекте [ Change log ] Внутренний документ по изменениям в проекте [ Change log ]](/upload/iblock/f36/f368a863d2a97b0dde294a2f6cee9f59.png)
Прописываем факапы, интересные решения в процессе реализации проекта. Данный проект служит источником потенциальных рисков для следующих проектов
![Уроки проекта [ Lessons learned register ] Уроки проекта [ Lessons learned register ]](/upload/iblock/262/26215f6f9fff6e38c434ebccb67fcfc3.png)
![Требования бизнеса Требования бизнеса](/upload/iblock/383/3838e82867d5f149fae8e2fafa8907aa.png)
![Требования рынка и предложения конкурентов Требования рынка и предложения конкурентов](/upload/iblock/bfa/bfa5c1ad7fc3b0305fb2b86041d73d49.png)
![Требования пользователя Требования пользователя](/upload/iblock/f3b/f3b40e7b191d721a23fc795dc89bb236.png)
![Бизнес-кейс [ Business case ] Бизнес-кейс [ Business case ]](/upload/iblock/bae/bae032f3f11c21fba186eb3738bce9f3.png)
![Устав [ Project charter ] Устав [ Project charter ]](/upload/iblock/458/45829a0361a80892bd6317727c732bfc.png)
![Расчёт рисков [ Risk register ] Расчёт рисков [ Risk register ]](/upload/iblock/61f/61f1da1e79e2cb4258186b219fa0aed7.png)
![Диаграмма Ганта [ Project schedule ] Диаграмма Ганта [ Project schedule ]](/upload/iblock/4ba/4ba60c5a6cd79ba43003e94d8657e189.png)
![Внутренний документ по изменениям в проекте [ Change log ] Внутренний документ по изменениям в проекте [ Change log ]](/upload/iblock/f36/f368a863d2a97b0dde294a2f6cee9f59.png)
![Уроки проекта [ Lessons learned register ] Уроки проекта [ Lessons learned register ]](/upload/iblock/262/26215f6f9fff6e38c434ebccb67fcfc3.png)
прототипирование
Для представления функционала и внешнего вида сайта для заказчика готовим технический макет главной и внутренних страниц.
Прототипирование позволяет исключить ошибки в создании сайта и служит ориентиром для дальнейшей работы дизайнера и программиста.
Технологии
![Северсталь-Вторчермет Северсталь-Вторчермет](/upload/iblock/4a9/4a993a98281cb6297f09c2b31cefa50c.png)
![Северсталь-Вторчермет Северсталь-Вторчермет](/upload/iblock/751/751dfbec89231f1e474cbb732d089688.png)
![Северсталь-Вторчермет Северсталь-Вторчермет](/upload/iblock/31c/31ccfaa72469e4b211d5ed18aa739e39.png)
![Северсталь-Вторчермет Северсталь-Вторчермет](/upload/iblock/09f/09f0a711e15110a6b81f91761fac4ccc.png)
![Северсталь-Вторчермет Северсталь-Вторчермет](/upload/iblock/837/837faed858c6cb8cc9d6c8374af15ce1.png)
команда проекта
аккаунт-менеджер, контент-редактор
аккаунт-менеджер
проектный менеджер
дизайнер
верстальщик
программист
DevOps-инженер
SEO-специалист
УЗНАЙТЕ
стоимость и сроки РАЗРАБОТКИ
ТАКОГО ПРОЕКТА
![](/local/templates/.default/img/foto-original-2-2.png)