АВА — завод по производству алюминия и профиля, в портфолио которого работа с объектами сочинской Олимпиады, РЖД и ЦБ РФ. С целью усиления присутствия на европейском рынке АВА провела ребрендинг, получила новое имя — Al5. Следующая задача — разработать новый сайт, опираясь на то, что мы считаем тенденциозным на западе.
Концепция
Часто в начале работы мы ставим себе ограничения, которые приводят нас к необычным решениям. Одна из важных задач для сайта Al5 — показать, что компания обладает собственным производством алюминия и профилей, а не занимается перепродажами. Мы изучили производство и решили, что нашим ограничением будет идея «нагревающегося сайта», который меняет свою температуру, как алюминий в жерле печи.
Идея написать самый важный заголовок в два слова «алюминий» и «завод» пришла сразу же, как мы поняли, что «завод по производству алюминия» или даже «завод по производству алюминия и алюминиевого профиля» — это слишком длинно. У современного пользователя нет столько времени на «первом свидании» с сайтом компании. Если ты непонятный и нудный — ты за бортом. «Алюминий» и «завод» — это быстрое восприятие. Чистая работа.
Новостей у компании немного, публиковаться будут редко. Поэтому было принято решение — сделать новостной блок в виде галереи. И всего для одной новости, самой актуальной на данный момент, отвести большое пространство. А остальные публикации доступны на расстоянии одного клика.
В блоке с актуальными котировками на основные металлы мы «подогреваем» растущие значения и «остужаем» падающие. Это один из примеров того, как мы используем концепцию «нагревающегося сайта». В блоке с банкой-космонавтом фон анимации менялся с холодного на горячий. А теперь посмотрите на карту, где отмечено расположение производств, — это стандартная карта Google, которая также покрашена градиентом: от бирюзового к алому.
Пиктограмму меню, которую мы все называем «сэндвичем», решили сделать реальной метафорой уменьшенного списка опций. Длина линий в пиктограмме соответствует длине пунктов меню, при наведении курсора пиктограмма увеличивается и превращается в реальное меню. Кажется, это здоровская идея дизайнера! Любим такие мелочи.
Показать процесс
Для того, чтобы в точности показать основное преимущество компании — своё собственное производство, мы четыре раза выезжали на объект, детально отсняли технологический процесс и показали его на сайте. Несколько интервью с ключевыми специалистами компании помогли наполнить этот блок фактами.
На одной из встреч Леонид Геннадьевич Арапов, директор Al5, рассказывая об уникальных особенностях 100% переработки алюминия, обронил такую фразу: «Каждая банка Колы может полететь завтра в космос». Это выражение цепляет слух, и мы решили построить вокруг него небольшую историю на сайте. Она превратилась в мультфильм, управлять проигрыванием которого посетитель может с помощью скролла. Этот небольшой и образный рассказ поможет сайту запомниться: «AL5 — та самая компания, которая отправляет алюминий в космос».
Все это помогло нам, решая тривиальные задачи презентации компании, насытить историю деталями. А, как говорят, «Бог — в деталях». Они создают фоновое чувство продуманности и глубины.
Для того, чтобы рассказать историю любого из проектов, мы создали внутреннюю страницу-портфолио, состоящую из общей информации, фотогалереи и местоположения.
Для новости мы проработали отображение необходимых блоков: заголовки и подзаголовки, лид, цитаты, фото, подписи.
Сайт Al5 адаптирован под работу с мобильными устройствами. На западном рынке иначе нельзя, российский — тоже к этому скоро придёт.