Главное Авторские колонки Вакансии Образование
Выбор редакции:
580 7 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Простая интерактивная анимация в оформлении сайта

Мы превратили самую скучную часть нашего сайта (Страницу "О нас") в красивое анимированное путешествие по звёздным пейзажам.
Мнение автора может не совпадать с мнением редакции

На большинстве сайтов, как правило страница «О нас» вы глядит не очень привлекательно, а всем молодым компаниям, в добавок, трудно написать что-то серьёзное. К тому же стандартное «бла-бла-бла» редко вызывает интерес читателей, посетителей или потенциальных клиентов. Совсем недавно нам в голову пришла мысль о том, что на ней также можно показать потенциал студии или хотя бы дать читателю «красивую картинку».

Мы решили, что нам отлично подойдут ночные пейзажи. Разумеется, просто натыкать красивого растра нам было мало, и мы стали его анимировать. Анимация там очень простая и очень медленная т.к. на каждом из 5 слайдов анимируется звёздное небо и прочие небесные тела и явления (для ночного неба мы использовали Ken Burns с масштабированием до 250%, ротацией 20% и длительностью анимации в среднем 390000 мс). Далее, композиция. Мы использовали горы, маяк, тропики, зимнюю пустошь и в финале вы перенесётесь на космическую станцию, откуда сможете наблюдать за движущейся Землёй, а в одном из иллюминаторов вы сможете увидеть пролетающую МКС.

Всё это мы сопроводили общими тезисами о компании, добавили навигационные кнопки и звук. И, конечно, на слайде с звездопадом мы добавили кнопку «Загадать желание», думаю, всем понятно, что она делает.

В результате мы получили симпатичный раздел, из минусов в котором долгая загрузка и отсутствие в мобильных устройствах (последнюю опцию мы отключили намерено, думаю, её отсутствие на сайте в мобильных экранах плохо не сделает). И конечно же, не стоит упускать из вида тот факт, что там совсем нет flash-анимации.

Посмотреть раздел можно тут: http://gectopascal.com/o-nas.html

Надеюсь, вам понравится наша идея и натолкнёт на свою!

b_572aeed2d76db.jpg

b_572aef37b3c94.jpg

b_572aef135b893.jpg

b_572aef4fda43c.jpg

b_572aef60b8f61.jpg

-1
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
PushAll
Платформа мгновенных уведомлений.
Олег Карнаухов
Неплохо так :))
Ответить
GECTOPASCAL
Хороший дизайн - это диалог!
gectopascal 36796
Бывает) А вы с какого устройства заходили,если не секрет?)
Ответить
PushAll
Платформа мгновенных уведомлений.
GECTOPASCAL
Хороший дизайн - это диалог!
gectopascal 36796
Поправили
Ответить
PushAll
Платформа мгновенных уведомлений.
Олег Карнаухов
Очень сильно с компа кстати тормозит. Долго загружается тормоза и т.д. Я до этого таких тяжелых сайтов не видел.
Ответить
Екатерина К
Выглядит, конечно, симпатично! Особенно вид с МКС.
Но есть несколько замечаний.
1) Во-первых, сайт прилично жрет ресурсы компьютера
2) Во-вторых, явные проблемы с русским языком - не хватает запятых, тире, и стиль много где хромает.
3) Ссылка раздела o-nas в домене com повеселила.
А так, конечно, здорово.
Ответить
GECTOPASCAL
Хороший дизайн - это диалог!
gectopascal 36796
Спасибо за замечания. Обязательно учтём и поправим. Особенно орфографию.
Что касается ресурсов - конечно, жрёт, мы и так оптимизировали по максимуму и размер и скорость. А что касается ссылки o-nas, то лично я не вижу причин её менять. Домен .com не обязывает писать в ссылках about-us )))
А в остальном, что касается прожорливости, то пусть жрёт. Этот раздел стерпит. а на остальные мы это пихать не стали.
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.