О проекте

SYNTEX — международная компания, которая начинала в Боливии как производитель битума, а сегодня поставляет битум и битумные продукты, уголь и кокс, удобрения, декинг и занимается дистрибуцией топлива. Мы проектировали для неё корпоративный сайт на английском и испанском языках.

Задача

Сайт SYNTEX читают в первую очередь профессионалы: дорожные подрядчики, закупщики, партнёры из разных стран. Им нужно быстро найти конкретный продукт, понять его назначение и получить технические характеристики. При этом у компании несколько непохожих друг на друга направлений и офисы в разных странах, и всё это нужно было уложить в понятную структуру, не превращая сайт в бесконечный каталог.

Навигация и главная страница

Мы отказались от горизонтального меню в пользу постоянной боковой панели с тремя раскрывающимися разделами: «About company», «Products» и «Countries». Внутри каждого — вложенные пункты, а текущая страница подсвечена фирменным оранжевым. Так посетитель всегда видит, где находится, и может перейти в соседний раздел без возврата на главную. Переключатель языков EN / ES и логотип стоят в правом верхнем углу на каждой странице.

Страница «Our company» открывается слайдером с фотографиями, а под ним — история компании и её направления в виде тегов: Bitumen, Bitumen products, Decking, Chemical fertilizers, Coal and coke, а также дистрибуция дизельного топлива и бензина. Теги работают как короткая карта всего, чем занимается SYNTEX.

Продукты

Страницы продуктов собраны по назначению материалов, а не по внутренним названиям компании. Например, «Material in road construction» — битум для дорожного строительства. Каждый продукт оформлен одинаково: крупное фото, название и короткое описание того, чем он ценен. Для стандартного битума это водостойкость, долговечность и невысокая стоимость, для полимерно-модифицированного — лучшие эксплуатационные характеристики.

Главное для профессиональной аудитории — технические документы. Мы вынесли их в отдельные карточки с иконкой PDF рядом с описанием: марки 50/70, 60/90, 70/100, 85/100, 90/130, 160/220 для стандартного битума, Type 1 и PG 76-28 для модифицированного. Нужная спецификация скачивается в одно касание, без поиска по разделу документов.

Тот же шаблон работает и для совсем другой продукции. На странице «Materials used as a fuel» — антрацитовый уголь и нефтяной кокс с описанием их свойств и областей применения. Единая структура страниц позволяет компании добавлять новые продукты, не придумывая каждый раз новую вёрстку.

Новости и медиа

В разделе «Media» компания рассказывает о событиях и участии в отраслевых мероприятиях. Страница новости — это дата, заголовок, текст и фотогалерея: одно крупное фото и сетка миниатюр рядом с ним. Кнопка «Back» над материалом возвращает к списку публикаций.

Результат

Мы спроектировали двуязычный корпоративный сайт, в котором несколько разных направлений бизнеса уживаются в одной понятной структуре. Боковая навигация даёт доступ к любому разделу с любой страницы, продуктовые страницы строятся по единому шаблону, а технические спецификации доступны прямо рядом с описанием каждого материала.