GoodFellazz

Задача:

Разработать корпоративный сайт и онлайн-каталог для компании “Строймашсервис”. В увлекательной форме рассказать о 30-ти летней истории бизнеса. Создать супер-простой каталог гидравлического оборудования с “умным” поиском.

Описание:

Компания ЗАО “Строймашсервис” работает на российском рынке с 1991 года. Является одним из лидеров по производству и продажам гидравлических цилиндров в стране. На сайте использовалось много графического материала и видео. Для разработки использовали фреймворк Laravel, чтобы обеспечить быструю загрузку контента. Собрали кастомную админку с кучей полезных функций, без лишнего кода, как в коробочных CMS.

Технологии:

Laravel

Наша роль:

  • Проектирование
  • UI дизайн
  • Верстка
  • Front-end
  • Back-end
  • Техническая поддержка
  • Тестирование
<02>

Главная страница

На первом экране: заголовок, видео с гидроцилиндром и анимированная кнопка “скролить вниз”. Главная страница разбита на 5 логических блоков. Категории гидроцилиндров, показатели компании за 2021 год, производственный процесс, общая информация и контакты. Мы тщательно подбирали цветовую гамму, использовали темно-фиалетовый фон, акцентный яркий желтый, который сразу ассоциируется со строительной техникой.

<03>

История

Основная фишка сайта - проект “Намедни”. Так, мы называем страницу “История”. Когда только изучали проект, впечатлил факт, что компания существует с 1991 года. “Строймашсервис” - ровесник современной России. Сидя на офисе с владельцами компании, мы подбирали печатные фотографии для оцифровки. Суть концепта в том, как проводится параллель между историческим событиями прошлого и ключевыми событиями из жизни компании.

<04>

Каталог

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

Каталог сайта гидроцилиндры. Мобильная версия Каталог сайта гидроцилиндры. Десктопная версия Каталог сайта гидроцилиндры. Мобильная версия Каталог сайта гидроцилиндры. Десктопная версия
Каталог сайта гидроцилиндры. Десктопная версия Каталог сайта гидроцилиндры. Мобильная версия Каталог сайта гидроцилиндры. Десктопная версия Каталог сайта гидроцилиндры. Мобильная версия
<05>

Меню

Слева разместили заметную вертикальную кнопку «каталог». При клике на нее, попадаешь в полноэкранное меню с гидроцилиндрами для категорий техники: для катков, манипуляторов, бульдозеров и т д.

Гидроцилиндры. Боковое меню
<06>

Поиск

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

Гидроцилиндры. Строка поиска
Гидроцилиндры. Мобильная страница поиска Гидроцилиндры. Десктопная страница поиска
<07>

Производство

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

Гидроцилиндры. Страница производства
Гидроцилиндры. Страница производства
<08>

Админка

Администратор может загружать и выгружать товары с помощью csv-файлов. Обрабатывать заявки, смотреть аналитику. Редактировать любую текстовую информацию. Скоро добавим еще мультиязычную версию. Вообщем все то же, что в условном Wordpress, только в 10 раз проще и быстрее! )

Гидроцилиндры. Страница администратора