Танзор
Интернет-витрина "Танзор" – сайт российского поставщика лакокрасочных материалов.
Задачей было разработать сайт в минималистичном стиле с функционалом информационного портала. Чтобы пользователям было удобно ознакомиться с продукцией, получить полезную информацию и оформить заявку.
![Танзор Танзор](/upload/iblock/402/402e0ff72224dd019c989cc2290749a9.png)
- Аналитика
- Прототипирование
- Дизайн
- Адаптивная верстка
- Программирование 1С-Битрикс
- Наполнение контентом
- Разработали конструктор внутренних контентных страниц. Клиент без знания языка html может собрать разные блоки и заполнить страницу.
- Упростили путь пользователя до конкретного товара. Товары расположили одновременно в трех разделах. Чтобы пользователь по необходимым свойствам мог найти товар.
- Придумали варианты изображения лакокрасочных материалов разных производителей. Сэкономили клиенту время и деньги на фотосессию продукции.
- Каталог по цвету материалов вынесли в поп-ап окно. Добавили легкость в восприятие товара.
- Перенесли со «старого» сайта более 240 новостей.
- Полезную для пользователя информацию разместили в разделе «База знаний». Проводимые мероприятия – в разделе «Танзор Live».
- В разделе «Контакты» добавили карту с фильтрами. Возможно выбрать офис, производство, лабораторию в России и мире. Каждый объект содержит контактную информацию.
- Разработали блок “Глобальная сеть продаж”. При выделении страны в отдельном списке она подсвечивается на карте с контактной информацией.
- Оцифровали неудобные бланки технических заданий формата word – реализовали вместо них длинные опросники на сайте.
Клиент
Основные направления деятельности: материалы для полиграфии, производства упаковки и этикетки, покрытия для массива древесины, металла, различных видов пластика.
![Танзор Танзор](/upload/iblock/fca/fca8a648bf717f3c1390424603b88c51.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/17d/17db0c51f5f08d44a292d34155cafcd8.png)
![Танзор Танзор](/upload/iblock/601/601de2c58089f013b6c852ae05331a4b.png)
![Танзор Танзор](/upload/iblock/dd3/dd3218da4bcbdea44c576ea148dd4a9c.png)
![Танзор Танзор](/upload/iblock/5f2/5f2d2ad97da32f40b72f1e87e10eb129.png)
![Танзор Танзор](/upload/iblock/111/111e99e8f07009f3a518d89d8ab7cbce.png)
![Танзор Танзор](/upload/iblock/d38/d38779408ddf199a4ac0a7c3475b67e6.png)
![Танзор Танзор](/upload/iblock/f51/f512da9d4e953b58cf05400b6b5bbcc6.png)
![Танзор Танзор](/upload/iblock/382/382f5053a91a6b153b7d4fff4422b672.png)
команда проекта
Аналитик, Проектный менеджер
Дизайнер
Верстальщик
Программист
Администратор сервера
Контент-редактор
УЗНАЙТЕ
стоимость и сроки РАЗРАБОТКИ
ТАКОГО ПРОЕКТА
![](/local/templates/.default/img/foto-original-2-2.png)