Алексей Волков (i_ma9ic) wrote,
Алексей Волков
i_ma9ic

Транспортная карта

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

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





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




Хочу также отметить, что мною был нарисован набор всех видов транспорта данной системы.



из этого:

Tags: иллюстрация, промо, сайт, техдизайн
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your IP address will be recorded 

  • 31 comments
Красота!
ууйеее)) спасибос;)
Ё, я даже и не слышал никогда про этот JQuerry. Это типо на JavaScropt чёта, нет?
Картинки отличные. Зачот )
ну да, типа джаваскрипта, насколько я понимаю, только намного круче по возможностям
спс)

i_ma9ic

8 years ago

serdeles

8 years ago

Поделитесь секретом как сделать такие скриншоты, как первый? руками чистить?
всмысле чтобы в окне бразера было что ли? есть псд-шки с внешним видом бразера

Anonymous

February 10 2009, 10:25:54 UTC 8 years ago

Один добрый человек сделал удобный ресурс, чтобы делать, превьюшки в любом браузере: http://makepreview.com/ =) \\stein

i_ma9ic

8 years ago

Anonymous

8 years ago

Anonymous

February 10 2009, 06:45:31 UTC 8 years ago

Только jquery (с одной "r"). Транспорт хорошо нарисован.
ой, исправлю ща
а что почему анонимно? 8cinq;)

Deleted comment

почему не отл? ))

Deleted comment

i_ma9ic

8 years ago

Прилично, аккуратно.
Блики на лого, карточке и считывающем устройстве - единственные остатки прошлого века)
хе)) спасиб
ну с бликами веселей как-то, к тому же округлые формы подчеркивают округлые же стрелки.

8cinq

8 years ago

i_ma9ic

8 years ago

Круто!
спасибо, друг)

Deleted comment

пасиб) скорее всего будет;)
Видел у тебя на фрилансе эти картинки. Хороши, собака :-)
Спасибо, Лёха))
Щас видел урок по «прокачке» трамвая — офигенно!
Спасибо!

Anonymous

May 9 2009, 13:49:46 UTC 8 years ago

в транспорте людей нет :(
свалили, чтоб дать автору нормально отрисовать (:
Очень здорово!


Скажите, а где вы учились техдизайну?
Можете что-нибудь посоветовать как развить свои скиллы до такого же уровня?
Ювелирный техдизайн!!!
и вебдизайн тоже очень стильный!
о-ф-и-г-и-т-е-л-ь-н-о!!!!!