Корпоративный сайт XportMedia

Макет главной страницы
Макет внутренней страницы

www.xport.ru

Задача: Создать у посетителя мнение: «Вот оно! Нашел что искал! Буду сидеть ничего не делать, а они сами все сделают за меня.»

Дата создания: 2008 год

Выполненные работы:

  • Создание концепции
  • Разработка технического проекта
  • Разработка дизайна сайта
  • Разработка Flash-ролика
  • Верстка
  • Подключение системы управления ABO.CMS
  • Информационное наполнение сайта

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

Другие работы для Xport -Media:

 

Основными критериями при разработке сайта являлось представление о компании как о серьезных профессионалах своего дела и подчеркнутая официальность.

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

Для этого основные полутона сайта выбраны как серые, темные тона других холодных цветов. Дополнительные цвета: бардовый и алый, выбраны с соответствии с фирменным стилем компании.

В шапке мы реализуем яркое и эффектное зрелище – яркий элемент, на основе flash-анимации.

Анимация представляет собой сменяющиеся с интервалом в 0,3-0,5 сек кадры. Смена кадров происходит с определенным визуальным эффектом – «перетекания» одного кадра в другой. Сюжет – сбор руками оригами птицы (предварительно голубь или журавль) из белого листа с фирменным логотипом с последующим превращением его в настоящую птицу.

Было предложено несколько вариантов слоганов:
1. Магия творческих решений
2. Магия творчества
3. Живые идеи
4. Идеи, воплощенные в жизнь

Основной акцент внутренней страницы – на подаче материалов, как, например, изображения портфолио.

Для этого шапка страницы делается узкой полосой, в соответствии с фирменными цветами. Алый цвет полосы сразу «бросается» в глаза пользователя на фоне холодных цветов остальной части сайта. Это делает сайт запоминающимся и не мешает расстановки акцентов на страницы с помощью масштабирования текста и изображений.

 

Общая структура главной страницы сайта  
 
Общая структура внутренних страниц сайта    
 

Для создания flash-анимации для шапки на гланую страницу нам было необходимо провести фотосессию.

Подготовка к фотосессии.
Сняли процесс сборки оригами на видео, с целью последующего расчленения  по кадрам, чтобы во время съемки постановка рук выглядела естесственно.

Почему выбрали именно вариант собрать из фотографий, а не просто вставить видеоролик:

  • требовалось безупречное качество картинки
  • качественный видеоролик весил бы несоозмеримо больше, чем flash-анимация
  • эффектнее "чудо" было дорисовать, чем изобразить в реальности
Раскадровка видеоролика
   
 

Фотосессия

На фотосессии было отщёлкано более 300 кадров, 90 из которых вошли в ролик.

Далее была кропотливая работа, требовалось обработать отобранные 90 фотографий в фотошопе, дорисовать чудо (вспышку) и улетающего голубя.

Потом все фотографии собрались в единый ролик, добавились эффекты, чудеса и превращения...

   
 

В итоге получился такой ролик.

В реальном размере его можно увидеть здесь http://www.xport.ru/

- Знаете, в чем Ваша проблема, Белолобов? - сказал учитель. - Вы слишком хорошо все выучили.

Во взгляде студента отразилось глубокое недоумение.

- Да-да, Вы не ослышались. Трудились чересчур прилежно, и, без сомнения, немало времени потратили на заучивание всех формул. Теперь еще столько же Вы потратите на то, чтобы их забыть и, наконец, подойти к задаче творчески.

Работа мысли читалась на лице Белолобова столь отчетливо, что, казалось, он вот-вот зашевелит ушами. Человек он был немного нелепый, но симпатичный, и учитель от всей души хотел ему помочь. В такие моменты он чувствовал себя настоящим духовным наставником и даже говорить начинал так, как будто его слова не только на всю жизнь врежутся в память Белолобова, но и навеки войдут в историю.

- Поймите, mon chere, - изрек учитель. - Настоящий профессионал не помнит о формулах. Зато он знает и чувствует принципы, на основе которых и строится точное знание. Это позволяет ему действовать правильно, творчески, отчасти даже интуитивно. Ему нравятся смелые и красивые решения, потому что они действительно более эффективны. И он никогда не станет их оправдывать, бормоча, что «данное решение является наиболее рационально обоснованным в вышеизложенной ситуации», как будто бы он в чем-то провинился.

Просияв, вдохновленный Белолобов бросился к доске. Его охватил творческий порыв, и все его существо прокричало внутренний протест против точного знания. В мгновение ока он исписал всю доску формулами и расчетами, подпрыгнул, потом стер половину и написал еще столько же. Наконец он повернулся к учителю с торжествующей улыбкой.

- Молодец! - воскликнул тот. - Молодец, неправильно! Но зато какой ход мысли, какая логика! Конечно, Вы еще многому должны научиться, и тогда подобные творческие экспромты будут приводить Вас к правильным решениям. Теперь я вижу, что у Вас очень современная логика, логика программиста. Юноша, Вы можете участвовать в очень интересных проектах!.. Конечно, не раньше, чем Ваши решения станут не только оригинальными, но еще и правильными...

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

« Предыдущая работа|  Список работ  |Следующая работа »