Дизайн и разработка сайта Alpme

Компания «Альпми» базируется в Санкт-Петербурге и является экспертом в области промышленного альпинизма. Они выполняют высотные работы и решают строительно-отделочные задачи с применением методов веревочного доступа.

designhead.ru/alpme

Задача

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

Дизайн

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

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

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

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

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

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

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

Сетка

Для сайта приняли решение использовать трёхколоночную сетку. Центральный блок этой сетки занимает 60% общей ширины, что делает его доминирующим и позволяет акцентировать внимание посетителей на основном контенте. Между блоками мы установили отступы в 80 пикселей, что обеспечивает чёткое разграничение контента и придаёт странице воздушность и легкость. Этот выбор сетки направлен на то, чтобы обеспечить удобство и комфорт просмотра содержимого нашего сайта.

Шрифт

В выборе шрифтов для сайта мы были вдохновлены идеей подчеркнуть уникальность и особенности промышленного альпинизма. Основным шрифтом стал "Bebas Neue" - высокий гротеск, который идеально подходит для выделения ключевых моментов и акцентов. Его прямые линии и выразительные формы символов символизируют прочность и надежность - ключевые качества в работе на высоте. BebasNeue

#2765D7

Основными цветами дизайна стали черный и акцентный синий. Черный цвет в дизайне ассоциируется с решимостью, строгостью и классическим стилем. В комбинации с акцентным синим, который символизирует доверие, надежность и стабильность, это создает идеальный баланс, который идеально отражает корпоративную культуру и ценности "Альпми".

Команда промышленных альпинистов компании «Альпми» на вершине своего мастерства! Смелость, профессионализм и слаженность – ключевые качества каждого сотрудника.

Дизайн и разработка сайта:

Алексей Татаринов

Дата сдачи проекта:

24 августа 2023