Имиджевый сайт для международной компании в промышленной нише

Astrejos — международная компания-поставщик запчастей для горно-шахтного оборудования.

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

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

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

В проект вошли:

• анализ старого сайта;
• редизайн всей структуры;
• подготовка нескольких дизайн-концепций;
• поиск и подготовка карты ценности;
• создание сайта на основе сильного визуального концепта;
• разработка 3 отдельных страниц;
• покупка и подбор фоновых изображений;
• подготовка мобильной версии;
• проработка большого количества анимаций;
• финальная проверка адаптивности и орфографии.

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

На сайте были проблемы с визуальной подачей: белые шрифты попадали на светлый фон, изображения были мелкими, инфографика — низкого качества, а тексты выглядели тяжёлыми и канцелярскими. Из-за этого сильные стороны компании не раскрывались, хотя у бизнеса было достаточно фактов, которые могли повышать доверие.

Также мешали технические и UX-проблемы: запаздывающий скролл, неаккуратные отступы, подвал на два экрана и ощущение общей несобранности сайта. Всё это снижало впечатление от бренда.

Работу начали с сессии по выявлению УТП. Разобрали бизнес-модель компании, ключевые услуги, факты масштаба и аргументы, которые могут быть важны для международных покупателей.

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

Эту карту можно использовать не только для сайта, но и дальше — для коммерческих предложений, баннеров, презентаций и скриптов отдела продаж.

Перед финальным дизайном подготовили несколько вариантов концепции.

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

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

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

Структуру сайта выстроили по важности информации для посетителя.

Сначала показали ключевую услугу и самый сильный факт — 300 000 деталей на выбор.

Затем раскрыли варианты поставки, бизнес-модель, работу с оригинальными запчастями и аргументы в пользу сотрудничества.

Отдельные блоки работали на доверие:

• история компании;
• география поставок;
• ключевая выгода для клиентов;
• факты масштаба;
• объяснение, почему оригинальные детали могут быть выгоднее.

Тексты очистили от лишнего канцелярита и сделали более понятными. Позже по просьбе заказчика tone of voice немного усилили в сторону делового стиля, чтобы сайт звучал как коммуникация крупной международной компании.

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

Что сделали в дизайне

• На главный экран добавили фоновое видео высокого качества.
• Для названия компании и заголовков использовали переливающийся градиент.
• Увеличили размер заголовков, чтобы усилить ощущение масштаба.
• Ужали тексты и убрали лишние акценты, чтобы страница выглядела дороже.
• Для блока “Оригинальные, но выгоднее” заменили формулировку “дешевле” на более респектабельную “выгоднее”.
• Отдельно реализовали карту стран, с которыми работает компания.
• Подобрали и купили изображения для фонов и блока истории компании.

На сайте было продумано большое количество анимаций — почти каждый ключевой блок получил своё движение или интерактивный сценарий.

Например:

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

За счёт анимаций сайт стал не статичной презентацией, а полноценным имиджевым digital-инструментом, который показывает масштаб компании через визуал и движение.

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

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

Это помогло сохранить баланс между технологичностью, строгостью и аккуратностью.

Перед запуском сайт проверили на орфографию, пунктуацию и корректность текстов.

Также протестировали адаптивность на разных устройствах и в браузерах, чтобы убедиться, что вёрстка не “плывёт”, а визуальные элементы корректно отображаются на всех разрешениях.

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

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