AL5

Сайт завода по производству алюминия

AL5
AL5AL5
Сайты
Завод по производству алюминия
реализован
с 16.09.2015 по 24.12.2015

al5factory.com

АВА — завод по производству алюминия и профиля, в портфолио которого работа с объектами сочинской Олимпиады, РЖД и ЦБ РФ. С целью усиления присутствия на европейском рынке АВА провела ребрендинг, получила новое имя — Al5. Следующая задача — разработать новый сайт, опираясь на то, что мы считаем тенденциозным на западе.

Концепция

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


Концепция «нагревающегося сайта» привела нас к цветовой гамме, базирующейся на градиенте от бирюзового до алого. Он символизирует нагрев от обычной температуры до температуры плавления.

Идея написать самый важный заголовок в два слова «алюминий» и «завод» пришла сразу же, как мы поняли, что «завод по производству алюминия» или даже «завод по производству алюминия и алюминиевого профиля» — это слишком длинно. У современного пользователя нет столько времени на «первом свидании» с сайтом компании. Если ты непонятный и нудный — ты за бортом. «Алюминий» и «завод» — это быстрое восприятие. Чистая работа.

Новостей у компании немного, публиковаться будут редко. Поэтому было принято решение — сделать новостной блок в виде галереи. И всего для одной новости, самой актуальной на данный момент, отвести большое пространство. А остальные публикации доступны на расстоянии одного клика.

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


Пиктограмму меню, которую мы все называем «сэндвичем», решили сделать реальной метафорой уменьшенного списка опций. Длина линий в пиктограмме соответствует длине пунктов меню, при наведении курсора пиктограмма увеличивается и превращается в реальное меню. Кажется, это здоровская идея дизайнера! Любим такие мелочи.

Показать процесс

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

На одной из встреч Леонид Геннадьевич Арапов, директор Al5, рассказывая об уникальных особенностях 100% переработки алюминия, обронил такую фразу: «Каждая банка Колы может полететь завтра в космос». Это выражение цепляет слух, и мы решили построить вокруг него небольшую историю на сайте. Она превратилась в мультфильм, управлять проигрыванием которого посетитель может с помощью скролла. Этот небольшой и образный рассказ поможет сайту запомниться: «AL5 — та самая компания, которая отправляет алюминий в космос».


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

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

Для новости мы проработали отображение необходимых блоков: заголовки и подзаголовки, лид, цитаты, фото, подписи.

Сайт Al5 адаптирован под работу с мобильными устройствами. На западном рынке иначе нельзя, российский — тоже к этому скоро придёт.

Над проектом работали
Провоторов Дмитрий
Менеджер продукта
Сидоров Дмитрий
Арт-директор
Тулинов Пётр
Дизайнер
Золотарёва Катя
Дизайнер
Теряев Дмитрий
Backend разработчик
Киселёв Дмитрий
Frontend разработчик
Яковлев Лев
Менеджер
Коцюба Сергей
Менеджер
Золотой сайт СереброСайт ИНДЕ в номинации «Лучшие тематические СМИ»
Behance Interaction Gallery
Сегодня в рубрике «Стартапы» — приложение Easybank для контроля расходов. Транзакцию можно добавить в три касания, и приложение автоматически добавит к ней отметку геолокации.
VC.RU про EasybankVC.RU про Easybank
Интерактивное агентство «Мануфактура» бросило вызов другим известным в Воронеже компаниям, занимающимся web-дизайном.
36.ON о VORONEZH DRIBBBLE SHOWDOWN36.ON о VORONEZH DRIBBBLE SHOWDOWN
Одного логотипа для такой задачи недостаточно, но хороший логотип всегда лучше плохого. Этот — хороший. А путь в тысячу ли начинается с первого шага.
Эркен Кагаров в бизнес-линче Студии ЛебедеваЭркен Кагаров в бизнес-линче Студии Лебедева
letter-cover Created with Sketch.