Разработка имиджевого сайта для завода укупорочных средств

Корпоративный имиджевый сайт для завода укупорочных средств «НОРДПАК»

Вид работы: редизайн сайта
Заказчик: ООО “НордПак”
Сайт: nord-pack.ru

Клиент: компания «НОРДПАК» — один из лидеров отрасли производства полимерно-укупорочных средств для ликёроводочной промышленности России и СНГ. Компания существует с 2005 года. Работает с крупными ЛВЗ.

Задачи проекта: сделать имиджевый корпоративный сайт, презентующий и продвигающий продукцию завода. Обязательна русская и английская версия. Старая версия сайта не удовлетворяла текущим потребностям клиента.

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

Этапы реализации:

1. Анализ.
   Крупный проект требуется внимательного изучения отрасли, деятельности, производства, продукции и конкурентов компании. Анализ — неизменная составляющая качественного проекта.
   • В ходе исследования даются ответы на вопросы что, зачем, кому и как предлагать.
   • Составляются портреты целевой аудитории, сценарии поведения ЦА, её ключевые вопросы и возражения.
   • Решается какие задачи должен решать сайт.
   • Анализируются основные конкуренты.
   • Выделяются все преимущества компании перед конкурентами.
   • Проводится краткий семантический анализ для сайта.
2. Структура.
   Основные задачи, которые должен решать сайт:
   • Подчеркнуть престиж бренда.
   • Подробно рассказать о каждом виде пробок. Основной акцент на продукции завода.
   • Презентовать компанию и её деятельность на рынке потенциальным клиентам/партнёрам. Закрыть основные вопросы о деятельности компании.
   • Привлечь зарубежные компании.

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

3. Контент.
   Идеальный вариант, когда контент готов до начала разработки дизайна. В ходе работы над проектом:
   • Подготовлено основное предложение компании и каждого вида продукции после проведённого анализа.
   • Выделены ключевые слова. Написаны тексты для каждой страницы, в т.ч. все преимущества, особенности конструкций и производства водочных колпачков.
   • Отфотографированы все типы продукции в студии. Одной из больших задач было подготовить хорошие фотографии всех колпачков, для чего завод предоставил примеры укупорочных устройств из разных партий. Все фотографии обрабатывались для размещения на сайте.
   • Создано видео о производстве. В течение нескольких дней мы приезжали на завод, чтобы заснять всю производственную деятельность и монолог руководителя для имиджевого ролика. Ролик можно увидеть на сайте.
   • Английская версия сайта. Мы подготовили полный перевод всех текстов на сайте на английский язык. Также на сайте реализована удобная схема переключения языка на сайте.
4. Дизайн.
   Отмечены основные ассоциации, которые связаны с производителем НОРДПАК:
   • Чистота. Гордость завода – чистое производство с использованием пылеотталкивающих материалов.
   • Север. На многих языках слово «НОРД» обозначает север.
   • Прозрачность. Завод производит колпачки для прозрачных стеклянных бутылок, в которых наливается прозрачная жидкость – водка. Прозрачность можно ассоциировать и с деятельностью компании, открытой к сотрудничеству.
   • Лёд и холод. Идеально подходит к чистоте, северу и прозрачности.
   • Русское. Одни из основных клиентов – ликёро-водочные заводы, которые производят всевозможные виды водки – подлинно русского алкогольного напитка. У зарубежных компаний Россия также часто ассоциируется с севером и холодом.

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

5. Верстка и программирование.
   При верстке и программировании дизайна применялись нестандартные элементы и анимации:
   • Полноэкранная прокрутка.
   • Видео-бэкграунды. Полноширинные изображения.
   • Боковая навигация по странице без скролла.
   • Маркеры на изображении, скрывающие контент.
   • Анимация раскрытия колпачков и деления их на составные части.
   • Выбор различных вариантов оформления колпачков.
   • Музыка. Одной из «фишек» сайта стало легкое музыкальное сопровождение. Здесь важным моментом было, чтобы музыка не была навязчивой и раздражающей.

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

6. Админ-панель.
   Для сайта была разработана своя внутренняя панель управления. С помощью неё можно легко создавать страницы, управлять новостями и вакансиями, медиа-файлами и прочим. В админ-панели также отображаются все заявки с сайта через форму обратной связи.

Особенности проекта:

• Уникальный дизайн, подчеркивающий фирменный стиль компании, престиж и статусность. Приятные анимации и использование современных технологий сайтостроения.
• Подробный анализ деятельности. Подготовка уникального контента включая фото и видео.
• Нестандартный подход к подаче контента.
• Удобное управление сайтом через админ-панель.
• Первоначальная SEO-оптимизация. Контент составлялся исходя из семантики. Добавлены все необходимые файлы и мета-данные для первичной SEO‑оптимизации.
• Адаптивность сайта для всех устройств.

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