Новоорская керамика

novceramics.ru
«Новоорская керамика» разрабатывает и поставляет светложгущуюся каолинитовую глину и составы на ее основе. Добыча ведется открытым способом круглый год. Новоорское месторождение — одно из самых больших в Приволжском федеральном округе.

Адаптивный
дизайн
Использование
Google-карт
1С-Битрикс
Английская версия
HTML-5 анимация

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

Перед нами стояла цель обеспечить реализацию следующих задач:

Имиджевая
Расширить присутствие и узнаваемость
бренда, показать масштабность
и технологичность компании.
Информационная
Предоставить пользователям доступ
к информации о продукте, компании,
событиях и новостях.
Коммуникационная
Получить обратную связь от потенциальных
заказчиков сырья.
Было разработано несколько концепций.
Среди них выбран вариант, наиболее полно отвечающий
требованиям заказчика: масштабный, технологичный,
подробно рассказывающий о продукте.

Дизайн

Дизайн сайта выполнен преимущественно в светлых тонах с использованием
лаконичной верстки.

Главная страница формирует у пользователя восприятие масштабной и современной российской компании.

Мы старались подчеркнуть, что Новоорская
керамика - это современная российская компания,
отвечающая всем европейским стандартам,
внушающая доверие и предлагающая качественное
сырье.

Главная страница и страница о работе компании имеют послайдовую прокрутку
с анимационным эффектом перелистывания блоков.

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

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

При разработке сайта использованы самые современные веб-технологии.

SVG-иконки
SVG имеет меньший размер файла
по сравнению с растровой графикой
и не теряет качество при сжатии
разрешения экрана до мобильного.
Flexbox-вёрстка
Элементы могут сжиматься
и растягиваться по заданным правилам,
занимая нужное пространство независимо
от расположения элементов в html.
Rem и Viewport
Размер шрифта автоматически
пересчитывается в зависимости
от размера окна браузера пользователя.
Youtube API
С помощью этой технологии в качестве
фоновых заставок сделано полноэкранное
HTML5 видео без использования JS или
специальной разметки.
One Page Scroll
Разделы сайта пролистываются
поэкранно, каждый блок пролистывается
отдельно. Перемещение на следующий
или предыдущий блок происходит
с эффектом удаления и приближения.
Аппаратное определение
устройства
Автоматическое определение мобильных
устройств, которые обращаются к сайту,
позволяет легко настроить сайт
под возможности этого устройства.