'

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

Понравилась презентация – покажи это...





Слайд 0

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


Слайд 1

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


Слайд 2


Слайд 3

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


Слайд 4


Слайд 5

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


Слайд 6


Слайд 7

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


Слайд 8


Слайд 9

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


Слайд 10


Слайд 11

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


Слайд 12


Слайд 13

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


Слайд 14


Слайд 15

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


Слайд 16


Слайд 17

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


Слайд 18


Слайд 19

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


Слайд 20


Слайд 21

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


Слайд 22


Слайд 23

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


Слайд 24


Слайд 25

Агентство «Re:solution» Сайт для креативного агентства. Тексты, изображения, видео. Основная визуальная идея: эффект жалюзи и маленьких переворачивающихся квадратов, модульная решётка, естественным образом задающаяся этими квадратами. Много программной анимации и различных оригинальных эффектов с движением и цветом: инверсия тона, жалюзи с программной резкой BitmapData, механизм работы нижнего меню, эффекты проявления и исчезновения каждого раздела, оригинальный механизм работы главной страницы. После ухода из раздела все его объекты аккуратно удаляются из памяти, чтобы не замедлять работу сайта. Весь контент управляется системой Qubix. Заказчик: Рекламное агентство «KB Creative» для агентства Re:solution Перейти на сайт Re:solution


Слайд 26


Слайд 27

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


Слайд 28


×

HTML:





Ссылка: