Лучшие статьи и кейсы стартапов
Включить уведомления
Дадим сигнал, когда появится
что-то суперстоящее.
Спасибо, не надо
Вопросы Проекты Вакансии
Хороший дизайн - это диалог!
Рекомендуем
Продвинуть свой проект
Лучшие проекты за неделю
26
Отследить-посылку

Отследить-посылку

отследить-посылку.рф

25
Битрикс24

Битрикс24

www.bitrix24.ru

13
WebResidentTeam

WebResidentTeam

webresident.agency

12
Логомашина

Логомашина

logomachine.ru

12
Devicerra

Devicerra

devicerra.com

11
Reader

Reader

Интернет-журнал о современных технологиях.

9
ADN Digital Studio

ADN Digital Studio

adn.agency

9
Aword

Aword

Приложение для изучения английских слов

9
GIFTD

GIFTD

giftd.tech

8
Eczo.bike

Eczo.bike

www.eczo.bike

Показать следующие
Рейтинг проектов
Подписывайтесь на Спарк в Facebook

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

205 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

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