Сайт «3-1-3» - Дзержинский хип-хоп проект
Создание сайта хип-хоп проекта «3-1-3» — промо-сайт с эксклюзивным дизайном и нестандартной реализацией. Адрес в интернете http://3-1-3.ru
Группа «3-1-3» — один из самых известных хип-хоп проектов в Дзержинске. В разных составах и с большим количеством композиций этот коллектив находится на сцене уже около 10 лет и известен далеко за пределами Нижегородской области.
Виды работ
- Эксклюзивный дизайн
- Промо-сайт
- Нестандартный функционал, разработанный с нуля
Дизайн
Дизайн построен на технике коллажа. Страница представляет собой некий фотографический фон, а управляющие элементы на ней — это изображения аналоговых «игрушек» — сценический прожектор, фотоаппарат «Polaroid», аудио- и видеокассеты, являющиеся, собственно, ссылками на аудиоплеер и страницу с видео, ссылка на раздел новостей в виде 25 центов штата Техас. Все эти «игрушки» — нарочито олдскульные и не электронные, они отражают натуральность звучания и ручную работу. Каждая «игрушка» имеет два состояния — включенное и выключенное, которые сменяются при поднесении мыши и при нахождении в соответствующем разделе
Каждый из разделов имеет свой собственный фон и компоновку страницы, сайт работает как игровой элемент сам по себе
На главной странице нет ничего, кроме ссылок на основные разделы и плеера, который можно убрать за пределы экрана или выдвинуть. Музыка не прерывается при переходах между страницами.
Страница новостей содержит спиcок новостей. Любую из них можно открыть, скопировать ссылку и т.п
В разделе видео собраны ролики группы, опять же в аналоговом виде телевизионных каналов, переключаемых на большом экране
Раздел фото содержит альбомы, внутри которых можно посмотреть фото с увеличением по клику. Стоит обратить внимание на почти незаметно различающийся фон в разделах фото и видео - тоже рабочий игровой элемент
Нестандартный функционал
Мало было просто нарисовать отличную, дорогую картинку, надо еще и запрограммировать ее так, чтобы она была живой но не перегруженной.
- Для анимации всех «игрушек» не используется Flash - в данном случае это нужно и оправданно
- Запрограммирован функционал галереи фото и видео
- Бесшовное перемещение между страницами сайта, благодаря чему музыка не прерывается, но стандартый функционал не разрушен, вы можете скопировать ссылку на текущую страницу и она откроется именно тем адресом, где вы находитесь
К сожалению (а скорее всего к счастью), не поддерживаются браузеры Internet Explorer версии ниже 8. В данном проекте это абсолютно не нужно, с другой стороны, судите сами - Internet Explorer 6 вышел 10 лет назад, а на 7-ю версию сейчас обновиться невозможно, минимальная версия, которая будет предложена любому, кто захочет обновиться будет 8. Это значительно сократило трату нервных клеток при разработке проекта, т.к. во всех современных браузерах сайт работает просто отлично.
Как выглядит сайт на больших мониторах - это тоже было продумано
Цены и сроки
Проектирование и концепция сайта была разработана «в голове» примерно за месяц, но понятие «скорая реализация» никогда не идет рядом со словами «эксклюзивный проект», поэтому она отняла достаточно долгий срок, тем более проект - некоммерческий. Да, именно так. По-большей части данный сайт для нашей студии - это показатель уровня работ, некая отметка о качестве, да и площадка для разработки нестандартных решений. Плюс, группа - наши давние друзья.