Главная | Портфолио | Сайты | Компания «ТауРусЛаб»

Компания «ТауРусЛаб»

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

Следующий проект

Адаптивный
дизайн

1С-Битрикс

CSS3-анимация

Инфографика

Проектирование

Задача

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

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

Решение

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

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

Разработка и передача макетов на верстку шли поэтапно — небольшими итерациями:

Согласование концепции главной страницы. Создание адаптивных макетов и передача их на верстку.
Разработка страницы «О компании», адаптация существующей инфографики компании к веб.
Проектирование страниц раздела «Деятельность». Поиск единой структуры страниц и способов визуализации.
Работа над каталогом: проработка cтруктуры меню, витрины, карточки товара, системы фильтров.
Макетирование дополнительных информационных страниц.

Главная

О компании

Деятельность > Проектирование

Деятельность > Производство

Деятельность > Сервисные услуги

Деятельность > Метрология

Каталог

Дизайн

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

Главная страница стала эффективной презентацией компании. Она встречает посетителей крупными фотографиями и лаконичными текстами, сгруппированными в тематические блоки.

О компании

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

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

Деятельность

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

Промо-экран с аанимацией фото

Особенности и преимущества

Основные информационные блоки

Форма обратной связи

Слайдер с дополнительной навигацией по страницам раздела

Каталог

Особое внимание мы уделили разработке каталога оборудования. Пользователь по своему усмотрению может выбрать способ отображения карточек на витрине - от крупных до маленьких.

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

Особенности реализации

Иконки и иллюстрации

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

Анимация

Для того, чтобы повысить уровень вовлеченности пользователя в процесс ознакомления с контентом мы использовали большое количество анимационных эффектов:

Анимация заголовков.
Динамическая подгрузка контента.
Поэкранный скролинг.
Анимация слайдеров.
Анимация наведения на блоки и кнопки.

1С-Битрикс

Сайт разработан на базе CMS «1С-Битрикс», которая позволяет клиенту легко редактировать контент.

Список проектов Следующий проект