*Главная страница сайта tartarini.su 

Для группы предприятий «Интер-Термогаз» мы сделали уже полдюжины сайтов. Нам нравится работать с ними — много интересных задач, харизматичные, увлеченные люди «с той стороны проекта». К тому же, в этом году наконец починили проезд Дорожников — ездить на встречи теперь одно удовольствие.:)

К хорошим клиентам мы готовы добираться хоть на край света:) 

Этой осенью мы запустили новую версию сайта tartarini.su для ООО «Евроимпорт». Компания входит в группу предприятий «Интер-Термогаз» и является дистрибьютором газового оборудования ТМ «TARTARINI-FISHER-FRANCEL» на территории России.

Этот проект стал для нас своеобразной «демонстрацией силы»:

• адаптивный дизайн;
• интеграция с сервисом рассылок MailChimp;
• почтовые шаблоны — все письма с сайта оформлены в фирменном стиле;
• автосохранение форм;
• аналитика поведения людей на сайте;
• умный поиск;
• PDF-плеер;
• мультиязычность;
• шаблоны страниц;
• полтора десятка различных JS-эффектов;
• порядка 30 модульных сеток;
• около 20 типов страниц, каждая со своим дизайном и версткой;
• перенос контента с прошлого сайта...

И взлетать нам со всем этим нужно было за три месяца — у заказчика стартовала важная выставка — отличная площадка для демонстрации нового сайта. Для нас же это означало суровые сроки — подводить клиентов не в наших правилах. К счастью, к старту производства проекта мы подошли во всеоружии, разработав Техническое Задание заранее.

Каталог продукции с умным фильтром

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

Новый сайт tartarini.su был сложным не только с точки зрения сроков и программирования. Обновленный ресурс предполагал размещение большого объема самого разнообразного контента. Проектирование структуры сайта и определение функциональности разделов и страниц — задача сама по себе нетривиальная. Мы решили вынести ее в отдельный этап.

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

Чтобы качественно все это сделать, понадобилось около трех месяцев. Но именно детальное Техническое Задание и максимально полное и точное представление заказчика о будущем сайте, позволили нам выпустить отличный продукт и успеть по срокам.

Адаптивность

Адаптивные сайты это уже не модная игрушка — в августе 2014 года доля заходов с мобильных устройств в России превысила 20 % , а Google начнет дополнительно выделять такие сайты в поисковой выдаче уже в этом году. Неудивительно, что все больше компаний при заказе сайта обязательным требованием указывают адаптивность. Это значительно усложняет проектирование и верстку, но преимущества в «кликабельности» в поисковой выдаче, а также увеличение конверсии того стоят.

ИНТЕРВОЛГА часто получает заказы на разработку адаптивных сайтов — за последние несколько месяцев мы запустили три таких проекта, и на подходе еще парочка. Так что соответствующий опыт у нас есть.

В проекте нового сайта tartarini.su , и без того непростая работа по созданию адаптивного дизайна осложнялась большим количеством визуальных эффектов. Да и общий объем работы впечатлял — предстояло спроектировать поведение на мобильных устройствах порядка 20 страниц, различных по структуре и расположению блоков. А потом нарисовать и сверстать их. Достаточно сказать, что наш технолог, Артем Звездилин, затратил более двух недель на верстку данного проекта. Для сравнения — среднестатистический интернет-магазин с «фиксированным» дизайном верстается от 3 до 5 дней.

Получилось технологично и стильно, а главное — удобно для пользователя.

Интеграция с сервисом рассылок

Электронная почта — один из важнейших каналов общения с клиентами для многих компаний. У ООО «Евроимпорт» есть большая база подписчиков, и рассылка обычных писем уже не соответствует масштабу предприятия.

Проанализировав несколько вариантов, мы остановились на интеграции с популярным сервисом организации рассылок MailChimp.com . Больше всего нас привлекли в нем удобный редактор шаблонов рассылки и статистика по доставке и открытию писем подписчиками.

Интеграция прошла успешно. Мы готовимся разместить наш модуль в Marketplace 1С-Битрикс, так что скоро его можно будет протестировать на своем ресурсе.

Эффекты и красивости

Новый сайт tartarini.su содержит большое количество JS-эффектов и интересных решений:

• Каталог продукции — долго объяснять, просто попробуйте:); 

Каталог продукции

• Галерея изображений , которую можно листать «свайпами» мышки (очень удобно, кстати); 

Галерея изображений 

• Карта с контактами филиалов с привязкой к вкладкам; 

Филиалы на карте

• Поведение логотипа при нажатии на «burger-меню»;
• Организация фильтра в разделе документация ; 

Документация

• Валидация введенных данных и подсказки в формах опросных листов ... 

Валидация введенных данных

И многое, многое другое. Это не считая плавных переключений, слайдеров, эффектов при наведении, нажатии и т.д.

Все эти усилия направлены не только на создание «вау-эффекта». У компании ООО «Евроимпорт» есть очень правильный принцип — создавать максимально качественный продукт. Визуальные эффекты, интересные эргономические решения и взвешенный, современный дизайн явно дают понять: tartarini.su — это сайт официального дистрибьютора качественного европейского газового оборудования.

Итог

Мы успели запустить новую версию tartarini.su к выставке. Обновленный сайт был хорошо принят партнерами и потенциальными клиентами ООО «Евроимпорт» — ресурс стал информативнее, удобнее и приятно удивлял уровнем дизайна.

Отдельную благодарность хотим выразить Станиславу Шишкину — заместителю генерального директора по газовому оборудованию ООО «Евроимпорт». Несмотря на плотный график работы, он принимал самое живое участие в разработке сайта и героически успел решить все вопросы с контентом в последние дни перед выставкой. И за модную флэшку в виде регулятора давления тоже спасибо.:)

Финальной оценкой нашей работы был старт еще двух проектов для группы предприятий «Интер-Термогаз» — следите за нашим блогом и соцсетями, скоро снова будем хвастаться.:)

P.S. Календарь ООО «Евроимпорт». Наш дизайн в полиграфической продукции. Уже традиция .:)

Перейти на сайт