WATWELL

🥇 «Сайт дня» на CSSDesignAwards 🥇 «Сайт дня» на CSSDesignAwards 🥇 «Сайт дня» на CSSDesignAwards 🥇 «Сайт дня» на CSSDesignAwards 🥇 «Сайт дня» на CSSDesignAwards 🥇 «Сайт дня» на CSSDesignAwards

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

Задачи

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

Поддержать позиционирование заказчика как Apple в области питьевых систем.

Дизайн

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

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

Каждой функции или уникальному параметру продукта уделено особое внимание: предоставлено все пространство слайда, добавлена эффектная анимация или разбитая на небольшие блоки текстовая информация.

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

Watwell: функция бесконтактного управления

Отдельно проработаны мобильные версии для телефонов и планшетов.

Watwell: версии сайта для мобильных устройств

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

Watwell: первые слайды внутренних страниц

Вся навигация сайта размещена в оверлее: меню, ссылки на социальные сети, call to action-элементы.

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

Диспенсер имеет пять базовых цветов. Для демонстрации цветовой палитры был разработан интерактивный слайд: при выборе одного из цветов происходит смена фотографии диспенсера.

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