Дизайн сайта систем очистки вод
Компания «ЮБАС» занимается системами очистки промышленных и сточных вод
Перед нами была поставлена задача обновить сайт www.ubas.ru. Старый сайт перестал соответствовать современным требованиям. В хедере сайта была использована флеш анимация, которая в наше время не актуальна, к тому же не поддерживается рядом устройств через которые пользователи заходят в сеть.
Такой мы увидели старую версию сайта
В нашу задачу входило либо сохранить в «хедере» прежнюю иллюстрацию, либо создать новую. Особенность продукции компании, а именно очистных сооружений, такова, что они размещаются под землей. К тому же нужно было графически отразить непосредственно очистной цикл установки. Было принято решение показать саму установку максимально заметно, заострить внимание непосредственно на этом. В тоже время иллюстрация должна была остаться графически привлекательной, демонстривать экологически чистый природный оазис.
Мы полностью переработали «хедер» сайта, откорректировали интерфейс и навигацию, а также содали новую иллюстрацию, где на первый план поставили очистную установку, способ маскировки ее надземной части, и графически обозначили функцию очистки сточных вод.
Мы создали приблизительную 3D модель очистной установки, опираясь на фотографии с сайта и «вписали» модель в окружение. Схематично продемонстривовав принцип монтажа и работы.
Отрисовали урезанную версию «хедера» для внутренних страниц чтобы освободить больше места для контента сайта.
На «футере» сайта предполагалось размещение довольно много информации (полезных ссылок), поэтому «футер» мы сделали тоже полномасштабным, и решили также создать для него авторскую тематическую иллюстрацию.
В само «тело» сайта мы заложили минималистичный «чистый» дизайн, с минимум графики. Фактически, была использована только инфографика, чтобы не отвлекать пользователя от полезной информации, на которую сделан непосредственный упор. Мы постарались акцентировать внимание пользователя на технической информации продукта, ценообразовании, сервисе и услугах компании, а также детальной контактной информации.
