Life is a game. Let’s play > Флеш-сайты с системой управления презентация

для всего нового и готов усваивать невероятные потоки информации, превращая это в игру. Именно этим обстоятельством можно объяснить огромную популярность «игрушечных» телефонов, планшетов, ноутбуков и прочих гаджетов. Королём игрушек, безусловно, можно считать компанию Apple с её фруктовым логотипом.
Человек Играющий больше доверяет миру и людям, более активен в поиске информации и совершении покупок. Человек Играющий чаще и больше платит. Человек Играющий интерактивен, он готов попробовать новинки техники и тут же заказать через интернет. Человек Играющий – идеальный покупатель.
Чтобы привлечь идеального покупателя, нужно его увлечь. Чем-нибудь интерактивным, интересным и недорогим в распространении. В этой роли отлично работает флеш-сайт компании. Обычный, текстовый сайт у вас наверняка уже есть, но вам нужно внимание Человека Играющего, верно?

на лицевой грани. На боковых гранях можно заметить текстуру металла в разрезе. Открытая карточка показывает автоматически уменьшенный логотип бренда, его описание. Посещённые карточки отмечаются значком, чтобы помочь посетителю ориентироваться на сайте.
Содержимое сайта представлено как набор текстовых блоков с картинкой слева или над текстом. Тип верстки каждого блока задаётся в CMS. Каждый раздел может содержать неограниченное количество чередующихся блоков с различными видами верстки. Поле с текстовым контентом автоматически раздвигается на высоту окна.
В разделе «Контакты» имеется форма обратной связи, отправляющая сообщения на контактную электронную почту. Интересные красочные авто на фоне раздела «События» плавают за мышкой. Система управления синхронизирует обновление контента языковых версий. Сайт выполнен «под ключ» (идея, техническое задание, ведение проекта, флеш-программирование, система управления, дизайн, отрисовка логотипов)

CrocoAuto.Ru

самым современным требованиям и это нужно соответствующим образом показать на сайте.
Реалистичное вращение вагонов. Лучше всего показать достоинства вагона можно в живом реалистичном повороте. Это и было реализовано на флеш-сайте. Каждую модель вагона можно вращать на 360 градусов вокруг вертикальной оси. Кроме того, добавлено 2 вида при вращении вокруг горизонтальной оси. Есть также и обычная галерея.
Маркеры с характеристиками. К отдельным точкам вагонов были привязаны пульсирующие маркеры. Клик по маркеру выводит характеристики указанной маркером детали. Маркеры присутствуют на всех углах поворотов. Положением, количеством маркеров и описанием характеристик можно управлять через систему управления. Кроме того, у каждого вагона имеется общая таблица с характеристиками. Таблицей можно управлять из системы управления.
Степень участия: флеш-программирование + CMS

Перейти на сайт Promo.TVSZ.Ru

свои самолёты в аренду для выполнения чартерных рейсов. Для более гибкого управления большим объёмом информации была разработана система из 25 оригинальных шаблонов. При создании новой страницы флеш-сайт автоматически форматирует добавленную информацию в соответствии с номером шаблона. Каждая кнопка главного меню содержит оригинальную анимацию, которая срабатывает при наведении или по случайному событию. На фоне летают 3 самолёта партнёра клуба компании CESSNA. Реализована система управления баннерами.
Специально для этого сайта была заказана авторская мелодия и песня. Весь промо-материал (песня, мелодия, мультфильмы, логотип, значок и т д) можно скачать в специальном разделе. Масштабирование сайта работает таким образом, что он отлично смотрится и на самых маленьких и на огромных мониторах. Для более комфортного просмотра видео и другое содержимое сайта можно смотреть в увеличенном виде, предусмотрена кнопка. Каждый раздел сайта начинается с мультфильма.

Перейти на сайт RKDA.Ru

планировок московских квартир и типов кухонь. В зависимости от выбранных параметров предлагает 2-3 из 50 готовых проектов. Проект кухни представляет собой набор 3д объектов с координатами и другими параметрами. Выбранный проект можно модифицировать и вращать в пространстве.
Для каждого предмета задан диапазон возможных перемещений по кухне с учётом специфики его размещений. При попытке перемещения предмета подсвечивается ближайший свободный блок, в который можно поместить технику. Можно выбрать цвет или текстуру стены, пола, кухонного гарнитура, столешницы, двери. Допустимые цвета и текстуры предварительно заданы в системе управления. Электронные продажи. Пользователь может уточнить конкретный номер артикула нужных объектов, а потом сохранить готовый проект в формате PDF.
Участие: проектирование и программирование системы (флеш + система управления).

Перейти на сайт Planner.Bosch-BT.ru

В обычном состоянии в галерею быстро подгружаются уменьшенные изображения моделей. При клике на модель, она приближается и подгружается её полный вид. При просмотре коллекции можно заметить оранжевую бирку в левой верхней части экрана «Видео коллекции», при клике по ней открывается видео сразу в двух видах: обычное в нормальном виде и полноэкранное на фоне. Этот эффект создаёт необычное ощущение от просмотра.
В каждом разделе сайта можно заметить несколько текстовых блоков, во многих подразделах 2 уровня есть ещё подразделы непосредственно в области контента. Всей этой информационной структурой заказчик успешно управляет с помощью Qubix CMS.
Пожеланием заказчика было чтобы сайт казался чистым и прозрачным, поэтому меню в неактивном состоянии скрывается, оставляя после себя кнопку «Меню». При подведении мыши к этой области, оно снова проявляется.

Перейти на сайт CamilleAlbane.ru

плавно меняется при выборе нового пункта меню. Этот приём позволяет сайту привлекательно выглядеть на любом размере монитора. Переключение языков реализовано без перехода и загрузки новой флешки. Подгружается только новый текстовый контент. Выбранный пользователем раздел при этом сохраняется.
Обновление контента во всех трёх языках синхронизируется т.е. картинки надо загружать только 1 раз.
Во многих разделах кроме текста в правой колонке присутствует фото-видео галерея. Кроме того, есть отдельный раздел с фото-видео галереей. В разделе "Наши бренды" удобным образом организовано хранение характеристик и изображений видов продукции

Перейти на сайт Wellchem.Ru

собой карточное поле. Карточки расставлены полукругом и сортируются выбором пункта меню. Пользователь может их приближать и удалять движением колеса мыши. При клике карточка переворачивается в полёте и раскрывается.

Особенности реализации: Для реализации задачи был выбран наиболее отлаженный к настоящему времени 3D-движок PaperVision 2. В систему управления было внесено дополнение: контент и категории теперь могут иметь произвольное количество дополнительных родительских категорий. Кроме контента (видео, текст, флеш, изображения) из CMS также регулируются различные параметры сайта (размеры, цвета, время)

Заказчик: агентство визуальных коммуникаций ONY

Перейти на сайт YakimankaGallery.Ru

является галерей из нескольких подразделов. В каждой коллекции кроме фотографий может быть один или больше видео-роликов, которые показываются при клике по кнопке «За кулисами». У каждой фотографии может быть описание. Оно выводится при клике по плюсику справа.
Разделы «Новости» и «Услуги» могут содержать галереи в произвольных участках текста. Для этого используется специальный тег ###GALLERY2###, который заменяется на сайте набором превьюшек. Номер после галереи соответствует номеру категории с фотографиями. Разделы «Салоны» и «Услуги» содержат списки блоков, которые раскрываются при клике. Блоки также реагируют на масштабирование экрана и соответсвующим образом перемещаются и скрываются под маской скролла.
Заказчик: студия SmartArt для российского представительства Dessange

Перейти на сайт Dessange

Лента медленно движется справа налево, однако пользователь может её двигать и в обратную сторону. Картинки в ленту автоматически подгружаются в направлении просмотра. При выборе выставки начинается слайд-шоу её фотографий. Изображения плавно сменяются «квадратиками», элемент фирменного стиля компании. Этот же эффект используется при ротации фона.
Сайт адаптирован под все распространённые размеры экранов. При уменьшении размера экрана сначала уменьшаются расстояния между элементами, а затем и сами элементы. Это позволяет добиться максимальной читабельности текста на небольшом мониторе. У сайта также имеется HTML-версия, полностью синхронная с основной флеш-версией. Кроме вышеописанных особенностей на сайте присутствуют все распространённые элементы: новости, вакансии, описания работ, контакты с анимированной картой проезда и прохода.

Перейти на сайт Expoproject

оригинальных проектов: ресторанов и арт-кафе в Нью-Йорке, Санкт-Петербурге, Москве и Ростове. По сути ресурс представляет собой портал, объединяющий минисайты отдельных проектов. В рамках портала у каждого проекта существует своя колонка новостей, фотогаллерея, видео-ролики, контакты, описание проекта, меню, анонсы событий, вакансии, возможность пригласить друга в ресторан прямо на сайте, отправив ему виртуальную открытку.
Кроме того, реализованы поиск по флеш-сайту, индивидуальные ссылки на каждый раздел и подраздел, перемещение назад по истории переходов, опросы посетителей. Интересным технологически решением стала трёхмерная карта, на которой показаны города в виде материков. Каждый материк расположен на отдельном слое, летающим по своей траектории. Кроме того, фон сайта также живёт своей особой жизнью. Заказчик: Moscollective для сети Ginza Project

Перейти на сайт GinzaProject

элементов интерфейса.

Прелоадер. Бутылёк, заполняющийся кровью.
Вход на сайт. Окровавленная бритва. Главное меню. Пункты меню болтаются, подрагивая и мерцая, на оторванных жилках, как пальцы на мертвой руке. Скролл. Выполнен в виде оторванного глаза, скользящего по жилам.
Галерея. Картинки в галерее как бы выезжают из под бензопилы. Бензопила, разумеется, работает и издаёт соответствующий звук. Музыка. На фоновых звуках постоянно кого то убивают, насилуют, кто то кричит и т д. Большинство элементов управления также издают мрачноватые скрипящие звуки.

Заказчик: SignAgency.

Перейти на сайт Hostel 2

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

Много программной анимации и различных оригинальных эффектов с движением и цветом: инверсия тона, жалюзи с программной резкой BitmapData, механизм работы нижнего меню, эффекты проявления и исчезновения каждого раздела, оригинальный механизм работы главной страницы. После ухода из раздела все его объекты аккуратно удаляются из памяти, чтобы не замедлять работу сайта. Весь контент управляется системой Qubix.

Заказчик: Рекламное агентство «KB Creative» для агентства Re:solution

Перейти на сайт Re:solution

реализации: 3х уровневый каталог продукции с описанием. Каталог цветовых вариантов. У каждой модели может быть несколько цветовых вариантов. При смене цвета происходит плавный переход, создаётся ощущение, что модель окрашивается в другой цвет. В презентации реализовано запоминание истории передвижений и возможность вернуться вперёд и назад по этой истории, также как в браузере.
На главной странице реализовано оригинальное меню в виде иконок на зеркальной поверхности, которые выстраиваются определённым образом в зависимости от выбранного пункта.

Заказчик: Мекран

Скачать презентацию