SCAD tech
Группа компаний SCAD tech разрабатывает комплексные решения для автоматизации технологических процессов в нефтегазовом секторе,
![](https://s29805.cdn.ngenix.net/wp-content/2018-08-16_scad/x01.png.pagespeed.ic.b0C17je-6H.png)
Задачи
- Оптимизировать структуру сайта для быстрого поиска нужной информации.
- Разработать дизайн, отражающий образ компании.
- Интересно подать информацию о производстве и технологиях.
- Отразить конкурентные преимущества и подчеркнуть имидж эксперта.
- Подробно рассказать о продукции и услугах и предусмотреть возможность обратной связи.
- Проработать адаптивную версию для смартфонов и планшетов.
Решение
![<p>В дизайне мы сохранили фирменный стиль и узнаваемость компании через использование красного цвета и фоновой подложки. Блок с пирамидой — центральным элементом, через который рассказывается о направлениях деятельности компании — мы вынесли на отдельный экран и трансформировали в элемент навигации: нажав на сегмент, попадаешь в соответствующий раздел.<br />
Другая фишка главной страницы — карта с географией проектов с отрисованными промышленными объектами.</p>](https://s29805.cdn.ngenix.net/wp-content/2018-08-16_scad/main1.jpg)
![<p>На странице «О компании» реализован аккуратный таймлайн с вехами развития группы компаний и блок с ценностями.</p>](https://s29805.cdn.ngenix.net/wp-content/2018-08-16_scad/xdetails.jpg.pagespeed.ic.aY6am-eepB.jpg)
![<p>На странице вакансий устанавливается фильтрация по конкретному городу — специалисты требуются по всей России. С работодателем можно связаться сразу, форма отклика учитывает, какая именно вакансия заинтересовала соискателя.</p>](https://s29805.cdn.ngenix.net/wp-content/2018-08-16_scad/xvacs.jpg.pagespeed.ic.nWRb-I5rnx.jpg)
![<p>Ещё одна форма —для обратной связи по любому вопросу. Она учитывает, с какой страницы задан вопрос, и распределяет запросы на адреса разных отделов.</p>](https://s29805.cdn.ngenix.net/wp-content/2018-08-16_scad/x04.jpg.pagespeed.ic.s0Ek84NP-z.jpg)
![<p><p>Адаптивная версия сайта существенно облегчена: вместо пирамиды — блоки с иконками и раскрывающимися описаниями, а видео в <nobr>промоблоке</nobr> заменено картинкой. Вся структура сайта видна в раскрывающемся меню.</p>](https://s29805.cdn.ngenix.net/wp-content/2018-08-16_scad/x05.jpg.pagespeed.ic.HXxCxxTjF7.jpg)
Результат
Лаконичный дизайн и структура сайта группы компаний SCAD tech полностью отражают деловой имидж компании, а алые акценты добавляют стиля.