Фотошоп форум

Дизайн на продажу => Баннеры => Тема начата: Александр Коньшин от Ноябрь 20, 2016, 01:50:16 pm

Название: Как делать анимированные баннеры с высокой конверсией
Отправлено: Александр Коньшин от Ноябрь 20, 2016, 01:50:16 pm
https://www.youtube.com/watch?v=0_B7Dh0r-3o

Что должно быть на баннере:
Обязательно пояснение выгоды предложения.
Одно из (или другое):
Уникальное Торговое Предложение
Призыв к действию
Кнопки

Исходник с занятия во вложении
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Александр Коньшин от Ноябрь 21, 2016, 11:44:15 am
Для публикации анимационных баннеров в сообщениях используйте наш фотохостинг: http://designforsales.ru/storage/
Сначала загрузите туда свой баннер, а потом вставьте предложенный код в сообщение.

Встроенные в форум вложения анимацию отображать не могут.
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Виктория Sd от Ноябрь 21, 2016, 02:29:33 pm
Очень жаль что в последнее время на почту не приходят оповещения.  думаю не очень людно было? )))
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Екатерина Паюл от Ноябрь 21, 2016, 08:05:53 pm
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2016%2F11%2F21%2F%D0%9A%D0%B0%D1%80%D0%B5%D0%BB%D0%B8%D1%8F.gif&hash=c54554daf0ed2c5d33e83b41246c4d93)
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Амалия от Ноябрь 21, 2016, 08:26:50 pm
Александр, подскажите, пожалуйста, где можно посмотреть анимированные баннеры, опубликованные по ссылке: http://designforsales.ru/storage/. Спасибо!
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: TatianaL от Ноябрь 21, 2016, 08:47:10 pm
Действительно, очень жаль, что не было оповещения! Участвуя он-лайн можно задать вопросы...
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Елена5919 от Ноябрь 22, 2016, 05:07:05 am
Здравствуйте! Ну вот и у меня есть баннер
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2016%2F11%2F22%2F%D1%80%D0%B5%D0%BA%D0%BB%D0%B0%D0%BC%D0%B0-%D0%B2%D0%B8%D0%B7%D0%B8%D1%82%D0%BA%D0%B8-%D0%B0%D0%BD%D0%B8%D0%BC%D0%B8%D1%80.gif&hash=048cf0d53c9274a2f6cba578609a99e1)
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Виктор от Ноябрь 22, 2016, 07:55:14 pm
Добрый вечер, Елена5919! У вас получился замечательный баннер,но есть одно но, по моему мнению он должен быть в два раза меньше в размерах. Но это моё мнение,может я и ошибаюсь!
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Елена5919 от Ноябрь 22, 2016, 07:57:17 pm
Добрый вечер, Елена5919! У вас получился замечательный баннер,но есть одно но, по моему мнению он должен быть в два раза меньше в размерах. Но это моё мнение,может я и ошибаюсь!
вы совершенно правы - даже не знаю почему он такой большой загрузился - на самом деле он гораздо меньше))
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Nadezhda от Ноябрь 23, 2016, 02:05:11 am
Добрый день! Вот мой баннер (https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2016%2F11%2F23%2Fbannernovgod7.gif&hash=e615a2395b9023cb5156d385a042b86f)
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Nadezhda от Ноябрь 23, 2016, 04:05:53 pm
Исправленный вариант баннера http://designforsales.ru/storage/images/2016/11/23/bannernovgod7MlE0N.gif
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Виктор от Ноябрь 24, 2016, 05:02:07 pm
Добрый вечер! Вот мой вариант баннера

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2016%2F11%2F24%2F%D0%BD%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE%D0%B4%D0%BD%D0%B8%D0%B9-%D0%B1%D0%B0%D0%BD%D0%BD%D0%B5%D1%80.gif&hash=fdc31480cf9d784ed6c02092c0e6e7bf)
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Елена5919 от Ноябрь 24, 2016, 05:26:54 pm
Добрый вечер! Вот мой вариант баннера

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2016%2F11%2F24%2F%D0%BD%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE%D0%B4%D0%BD%D0%B8%D0%B9-%D0%B1%D0%B0%D0%BD%D0%BD%D0%B5%D1%80.gif&hash=fdc31480cf9d784ed6c02092c0e6e7bf)
Виктор - баннер хороший, но попробуйте заголовок написать каким-нибудь прописным шрифтом - лобстером например, а в подзаголовке поменять цвет шрифта - просто черный - это все таки не цвет праздника)) мне кажется будет лучше и веселее))) это же Новый год и праздник))
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Зоя от Ноябрь 24, 2016, 07:03:51 pm
Согласна с Еленой - попраздничнее надписи хотелось бы и вообще побольше праздника,
Новый год все таки самый главный и любимый праздник.
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Добрый модератор от Ноябрь 24, 2016, 09:12:15 pm
Согласна с Еленой - попраздничнее надписи хотелось бы и вообще побольше праздника,
Новый год все таки самый главный и любимый праздник.

И снежком припорошите
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Виктор от Ноябрь 26, 2016, 09:20:29 pm
Добрый вечер! Вот исправленный вариант баннера.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2016%2F11%2F26%2F%D0%BD%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE%D0%B4%D0%BD%D0%B8%D0%B9-%D0%B1%D0%B0%D0%BD%D0%BD%D0%B5%D1%80.gif&hash=79a637744f523fdfc188698c809e33a9)
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Елена5919 от Ноябрь 26, 2016, 10:56:59 pm
Добрый вечер! Вот исправленный вариант баннера.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2016%2F11%2F26%2F%D0%BD%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE%D0%B4%D0%BD%D0%B8%D0%B9-%D0%B1%D0%B0%D0%BD%D0%BD%D0%B5%D1%80.gif&hash=79a637744f523fdfc188698c809e33a9)
Ну вот Виктор - можете же когда захотите)) совсем другое дело)) уже и праздник чувствуется))
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Vinni-25 от Ноябрь 27, 2016, 12:06:04 pm
Добрый день!
Сделала анимированный баннер для группы ВК - http://designforsales.ru/storage/image/vO - а он не работает в браузере >:(
Может быть, кто-то сталкивался с такой проблемой, возможно решил её?
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Елена5919 от Ноябрь 27, 2016, 01:45:36 pm
Добрый день!
Сделала анимированный баннер для группы ВК - http://designforsales.ru/storage/image/vO - а он не работает в браузере >:(
Может быть, кто-то сталкивался с такой проблемой, возможно решил её?
Валентина - анимированный баннер в ВК загружается как простая картинка и там работать не будет - не поддерживается))
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Vinni-25 от Ноябрь 27, 2016, 02:01:42 pm
Елена5919, на последних вебинарах Александра, как раз обсуждался вопрос об анимированных баннерах групп ВК, важно сохранить баннер в gif, а не в jpg, что я и делала.
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Елена5919 от Ноябрь 27, 2016, 02:09:05 pm
Елена5919, на последних вебинарах Александра, как раз обсуждался вопрос об анимированных баннерах групп ВК, важно сохранить баннер в gif, а не в jpg, что я и делала.
Валентина - чтобы баннер был аннимированным его и сохраняют в гиф, но ВК не поддерживает гиф и ваш баннер в гиф при установке в ВК конвертируется в обычный джипег и не будет работать как гиф)) пока нельзя установить анимированный баннер на группу ВК
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Виктор от Ноябрь 27, 2016, 05:45:47 pm
Добрый вечер,Елена5919 ! По моему Вы не правы по поводу того,что ВК не поддерживает гиф анимацию. Вот,пожалуйста посмотрите я в свою группу загрузил два баннера с анимацией и они там работают как гиф, правда второй баннер отображается немного не так вот группа https://vk.com/viktor_s_rusinovich
И ещё когда загружаешь обложку для группы, то там в форматах,которые поддерживаются на ВК имеется гиф
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Елена5919 от Ноябрь 27, 2016, 06:11:46 pm
Добрый вечер,Елена5919 ! По моему Вы не правы по поводу того,что ВК не поддерживает гиф анимацию. Вот,пожалуйста посмотрите я в свою группу загрузил два баннера с анимацией и они там работают как гиф, правда второй баннер отображается немного не так вот группа https://vk.com/viktor_s_rusinovich
И ещё когда загружаешь обложку для группы, то там в форматах,которые поддерживаются на ВК имеется гиф
Виктор - вы не совсем поняли о чем мы говорим(( мы говорили про баннер оформления группы ВК - который у вас совсем даже не анимированный, а вы говорите о размещении анимированных баннеров в сообщениях и записях - согласитесь это немного разные вещи))
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Виктор от Ноябрь 27, 2016, 11:21:00 pm
Виктор - вы не совсем поняли о чем мы говорим(( мы говорили про баннер оформления группы ВК - который у вас совсем даже не анимированный, а вы говорите о размещении анимированных баннеров в сообщениях и записях - согласитесь это немного разные вещи))

Я вас Елена прекрасно понял и действительно обложка получается не анимированная. Но ведь только странно почему? Ведь там указано, что картинка может быть в формате JPG, GIF или PNG. Загружаешь GIF, а получается наоборот. Может в будущем что-то изменится или надо как-то делать по другому. По этому поводу я написал в техподдержку ВК. Когда получу ответ, то обязательно здесь отпишусь.
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Виктор от Ноябрь 28, 2016, 11:11:00 pm
Сегодня я получил ответ от техподдержки ВК на свой запрос и он гласит так,что анимированную картинку невозможно установить для обложки своей группы
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Гала от Ноябрь 29, 2016, 07:52:29 am
Вот мой новогодний баннер.

(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2016%2F11%2F29%2F%D0%B1%D0%B0%D0%BD%D0%BD%D0%B5%D1%80tsc2.gif&hash=92f11e26496281983cb566eb19ae06e8)

Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Vinni-25 от Ноябрь 29, 2016, 09:52:12 am
Елена5919 и Виктор, мне такой же дали ответ из службы поддержки:
"Анимацию туда поставить невозможно. GIF — это не обязательно анимация, это может быть и обычное изображение. Обычное статическое изображение в таком расширении можно поставить. А анимационное нет."
Жаль, конечно, хотя на просторах интернета я находила предложение сделать анимированный баннер в шапке сайта ВК. :-\
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Vinni-25 от Ноябрь 29, 2016, 11:23:15 am
Гала, какой симпатичный баннер у вас получился, сразу Новый год почувствовался :)
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Гала от Ноябрь 29, 2016, 12:52:33 pm
Валентина, спасибо. Я рада, что вам понравился баннер.
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: TatianaL от Ноябрь 29, 2016, 10:24:50 pm
Кажется делаю правильно, указав эту ссылку -  http://designforsales.ru/storage/image/vS
А как разместить на форуме, кто подскажет? Спасибо.
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Добрый модератор от Ноябрь 29, 2016, 10:32:54 pm
А как разместить баннер здесь, чтобы "работал"? Я разместила на хостинге Storage.. и не могу просмотреть как работает.

Татьяна скопируйте ВВ код и вставьте его в сообщение
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: TatianaL от Ноябрь 29, 2016, 10:51:39 pm
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2016%2F11%2F29%2F%D0%91%D0%B0%D0%BDNewYearLIyp1.gif&hash=0623d6ae3e0e766a58cbd8d2d710db66) -


Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: TatianaL от Ноябрь 29, 2016, 10:52:30 pm
Наталья, спасибо!))
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Vinni-25 от Ноябрь 30, 2016, 10:15:08 am
TatianaL, хороший праздничный баннер, единственное, что мне мешает - это скорость изменения картинки, не успеваю прочитать выгодное новогоднее предложение :)
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: TatianaL от Ноябрь 30, 2016, 10:40:09 am
TatianaL, хороший праздничный баннер, единственное, что мне мешает - это скорость изменения картинки, не успеваю прочитать выгодное новогоднее предложение :)

:D Да действительно-надо отрегулировать скорость!Спасибо, Валентина! Первый блин, так сказать...))
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Зоя от Декабрь 09, 2016, 12:37:11 am
Здравствуйте.
Тоже наконец-то сделала баннер.
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2016%2F12%2F09%2F%D0%B1%D0%B0%D0%BD%D0%BD%D0%B5%D1%80-%D0%BF%D0%BE%D0%B4%D0%B0%D1%80%D0%BA%D0%B8-%D0%BA-%D0%9D%D0%93-%D0%B0%D0%BD%D0%B8%D0%BC-%D0%B2%D0%B0%D1%806jLMCV.gif&hash=0c86d49739f88f89c074894472100656)
Название: Re: Как делать анимированные баннеры с высокой конверсией
Отправлено: Лена Осипкова от Декабрь 26, 2016, 06:10:03 pm
Сделала сегодня первый анимированный баннер.
(https://photoshop-forum.com/proxy.php?request=http%3A%2F%2Fdesignforsales.ru%2Fstorage%2Fimages%2F2016%2F12%2F26%2F%D0%91%D0%B0%D0%BD%D0%BD%D0%B5%D1%80-%D1%81-%D0%9D%D0%BE%D0%B2%D1%8B%D0%BC-%D0%B3%D0%BE%D0%B4%D0%BE%D0%BC.gif&hash=3d7714545cad1893d792e102f38246f2)
Название: Как делать анимированные баннеры с высокой конверсией
Отправлено: milay5858 от Сентябрь 07, 2017, 08:01:52 am
Я повторила тему из ролика, смотрела и сразу делала)))
Название: Как делать анимированные баннеры с высокой конверсией
Отправлено: Виктория Sd от Сентябрь 08, 2017, 11:45:30 pm
Хорошо получилось, Наталья. Скорость движения кнопочки поставьте поменьше и будет замечательно)