Информационная группа «Интерфакс»

group.interfax.ru
Компания «Интерфакс» — независимое информационное агентство, одно из трёх ведущих агентств России, и крупнейшая в странах СНГ информационная группа.

1С-Битрикс 1С-Битрикс
Адаптивный дизайн Адаптивный
дизайн
Быстрая верстка контента через CMS Быстрая верстка контента через CMS

Дизайн и проектирование

Перед нами была поставлена задача разработать промежуточные адаптивные страницы на основе десктопной и мобильной версии, а также привести сайт к стилистическому единообразию.

разработка адаптивных версий страниц

подготовка графических материалов и Ui

передача в разработку подготовленного материала

01. Адаптивные макеты

Для всех нетиповых страниц подготовлены адаптивные макеты: вертикальная и горизонтальная ориентации планшетов.

Особое внимание было уделено работе с типографикой, так как сайт содержит большой объем текстовой информации.

Мы заметили, что у исходного текста из макета в макет меняется межбуквенный интервал, чего не должно быть. Поэтому объединили все типовые тексты в единые стили.

A

-2%

Интерфакс сегодня

«Интерфакс» создал уникальную систему партнерств с лидерами мирового бизнеса и сеть дочерних компаний в странах СНГ и за рубежом.

02. UI guide

На основе подготовленных макетов был составлен UI guide, в котором показаны все основные элементы и правила их использования.

Типографика

HelveticaNeueCyr

Цветовая гамма

# 33BAC4

# 71CFD6

# 009CA6

# EA4545

# 004B6C

# 343D48

# B21B81

# 0074FF

# 778292

# EA5B0C

# 16ACEA

# AEB3B7

# FFED00

# 93C027

# FFFFFF

Кнопки и ссылки

При наведении курсора на кнопку-стрелку происходит смещение иконки по горизонтали на 50% от ее ширины.

Здесь 2 типа ховера в зависимости от страниц

Особенности реализации

Основными особенностями разработки стали импорт большого числа данных со старого сайта, создание отдельного доступа для редакторов, проверка сайта на безопасность от проникновения вредоносного ПО.

импорт данных со старого сайта

отдельный доступ для редактора

безопасность данных

01. Интеграция данных

Наибольший объем информации был интегрирован в новый дизайн в следующих разделах: новости, пресс-центр, история и другие.

02. Безопасность

Сайт был проверен при помощи SQL injection, Cross site scripting, CRLF injection и других тестов на все виды проникновения вредоносных веб-приложений.

Некоторые цифры по итогам выполненных работ:

50 +

промежуточных макетов разработано

800 +

новостей было перенесено в разных разделах

260+ +

дат интегрировано с блоком «История»

Отзыв клиента