Разработка фирменного стиля и редизайн сайта для ГК "ОКАХИМ"

1. Вводная задача от заказчика, проблематика, цели

Первая компания под торговой маркой «ОКАХИМ» была основана в 2001 году. Сейчас Группа компаний «ОКАХИМ» — это федеральный поставщик промышленной химии на территории России и стран СНГ. В связи с ростом бизнеса визуальное оформление торговой марки перестало соответствовать потребностям, масштабам и амбициям компании.

Поэтому возникла необходимость в полной реконструкции фирменного стиля и всей системы визуальных носителей, включая сайт okachim.ru

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Работа начата с модернизации фирменного стиля компании.

Поиск идеи

Формирование идеи началось с поиска подходящей ассоциации. Мы набросали референсы, прописали карту ассоциаций и выбрали самые работоспособные варианты.

Наброски

Мы сделали быстрые зарисовки основных идей, специально не детализируя их, чтобы проверить, хорошо ли считывается задумка при беглом взгляде. Все варианты прошли А/В тестирование.

В результате стало понятно, что самые жизнеспособные варианты связаны с первыми буквами названия, плавными формами, образами молекул и химических соединений.

Логотип

Название компании содержит округлые буквы «О» и «Х». «Ока» - ассоциация с рекой, водой. «Химия» - также ассоциируется с жидкостями. Плавные перетекающие формы помогают поддержать графическую и смысловую мягкость. Яркие современные оттенки голубого и жёлтого выделяют логотип на фоне конкурентов и хорошо запоминаются.

Фирменный стиль

На базе нового логотипа создан полноценный фирменный стиль. Разработан гайдлайн, а также макеты каталога, папок, визиток, фирменных бланков, сувенирной продукции, календаря и конвертов.

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

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

Главная страница

Основная задача главной страницы — дать полное представление о продукции и услугах компании и направить пользователя на каталог продукции. Слайдер в первом блоке знакомит посетителя со всеми направлениями деятельности ГК «ОКАХИМ». Особый акцент сделан на способности компании не только доставлять продукцию, а также фасовать и хранить её.

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

На этапе предпроектной аналитики стало очевидно, что потребители могут искать необходимую продукцию двумя основными путями: либо по типу сырья и химической формуле — соли, кислоты, гликоли и т.п., либо по отраслям применения — сырьё для бытовой химии, пищевые добавки, сырьё для переработки ПВХ и т.д.

Поэтому были реализованы два сценария работы с каталогом: поиск по типу сырья и по отраслям применения. Также доступен алфавитный поиск по названию ингредиента.

Страница о компании

ГК «ОКАХИМ» неизменный и активный участник российского рынка поставок химического сырья. Репутация и статус компании во многом имеют определяющее значение для потребителей и поставщиков при выборе компаний Группы в качестве своих партнёров. Поэтому большое внимание уделено разработке страницы «О компании». История, миссия, лицензии и сертификаты, фотосъёмка производства и коллектива, новости об участии в конференциях и выставках — всё это отражено на данной странице.

Вёрстка и программирование

Реализована кроссбраузерная адаптивная верстка сайта с применением таск-менеджера Gulp. Для написания и компиляции стилей использовался CSS-препроцессор SASS. Скрипты, обеспечивающие интерактив на страницах, написаны на языке JavaScript. Для некоторых анимаций микровзаимодействия задействована библиотека GSAP.

Программирование сайта осуществлено на платформе «1С-Битрикс: Управление сайтом». Сайт прошёл мониторинг качества, а также поддерживает композитную технологию, что способствует мгновенной загрузке страниц.

3. Результаты сотрудничества

Создана новая айдентика бренда, его внешний визуальный интерфейс стал более динамичным, четким, дающим потребителю чувство уверенности в компании «ОКАХИМ», как в надёжном и профессиональном партнере на рынке поставок химического сырья.

Новый сайт компании отвечает всем современным требованиям front- и back-end разработки. Сайт получил новую структуру и удобную навигацию.

В результате редизайна количество отказов снизилось на 47%, а время, проведенное на сайте, выросло на 34%.