Сайт-каталог "Номерация"

Стоимость 19000р
Сроки Апрель-май 2016
Задачи Сайт-каталог
Уссурийская компания, занимающаяся изготовлением автомобильных номеров и антивандальных номерных рамок, заказала в "Awake!" сайт для информирования клиентов о предоставляемых товарах и услугах. Условиями были - низкая стоимость и короткие сроки разработки. Наши специалисты помогли заказчику подобрать наиболее оптимальное решение, подходящее под предложенные требования.

Скриншот сайт-каталог-номерация

Очень необычная главная страница сразу удивляет посетителя. Заказчик пожелал исполнение на черном фоне и большое количество анимированных элементов. Мы постарались анимировать как можно больше. :-)
Фон главной страницы нарисован нами и представляет собой изображение антивандальной рамки, производимой компанией заказчика. В рамку вставлен номерной знак с надписью "Номерация", по желанию заказчика написанной в верхнем регистре латинскими буквами.
Чуть выше располагается анимированный текстовый элемент, отображающий различный сменяющийся контент.

Скриншот сайт-каталог-номерация

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

Скриншот сайт-каталог-номерация

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

Скриншот сайт-каталог-номерация

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

%gif_slider_gif%
К слову о анимациях: вот, например, слайдер сувенирных номеров. При нажатии на кнопки "влево" или "вправо", номерной знак на автомобиле в центре страницы красиво переворачивается, и на другой его стороне выводится следующий (предыдущий) номерной знак в галерее.

%gif_menu_gif%
А вот - анимированное меню в верхней части сайта. При наведении курсора на элемент меню, его граница плавно превращается в короткое подчеркивание в нижней части кнопки, а при существовании вложенности, открывается дополнительное меню элемента.

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

Прочие проекты

Сайт для спортсменов и тренеров Hardiron
Hardiron
Сайт для спортсменов и тренеров
Сайт брокера M plus Invest
M plus Invest
Сайт брокера
Инновационное мобильное приложение Здесь
Здесь
Информационное приложение
Доска рекордов PrimRing
PrimRing
Доска рекордов
Доска объявлений SellPay
SellPay
Доска объявлений
Владивосток Онлайн - социальный сервис
ВДК Онлайн
Социальный сервис
Мобильный менеджер задач Task Mate
Task Mate
Мобильный менеджер задач
Лендинг "Что-Куда"
Что-Куда
Лендинг
Сайт-каталог "ТС Механика"
ТС Механика
Сайт-каталог компании
Сайт-каталог "Номерация"
Номерация
Сайт-каталог компании
Сайт-каталог железобетонных изделий "Монолит"
Монолит
Сайт-каталог компании
Сайт юридических услуг ПрофБизнесКонсалтинг
ПрофКо
Информационный сайт
Сайт страхового агентства Осаго ДВ
Осаго ДВ
Сайт страхового агенства
Мобильное приложение клуба CON
CON
Мобильное приложение
Сайт клуба CON
CON
Динамический лендинг
ДВФУ Информер - мобильное социальное приложение
ДВФУ Информер
Мобильное приложение
ARoad - мобильное приложение с дополненной реальностью
ARoad
Дополненная реальность для водителей
Офисное приложение RTT
RTT
Система бизнес-автоматизации
Информационное приложение конференции ISEC Arctic
ISEC Arctic
Информационное приложение
Evelent - события Владивостока в смартфоне
Evelent
Мобильное приложение
Онлайн-игра United World Championship
UWC
Онлайн игра
Игра-квест Empty Memorials
Empty Memorials
Неординарная игра-квест
Парсер JapanCar
JapanCar
Парсер
Парсер Фарпост
FarPost
Парсер
Парсер drom.ru
Drom
Парсер
Парсер 2ГИС
2ГИС
Парсер
Парсер Wind Guru
WindGuru
Парсер
Парсер Афиши ВДК
Афиша ВДК
Парсер
Парсер ГидроМетЦентра
ГидроМетЦентр
Парсер