Сайты на Tilda, встреча №1. О важности графического...

36
1 Сайты на Tilda, встреча №1 Как грамотно распределить ресурсы при создании сайта на Tilda

Transcript of Сайты на Tilda, встреча №1. О важности графического...

Page 1: Сайты на Tilda, встреча №1. О важности графического контента.

1

Сайты на Tilda, встреча №1

Как грамотно распределить ресурсы при создании сайта на Tilda

Page 2: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

2

Пару слов о студии

Page 3: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

3

Собсна, кто мы?

Покажем вас в новом свете!

Поймём в чём соль вашей компании, положим это в основу фирменного стиля, донесём на новом удобном сайте через

качественные иллюстрации и видео.

Page 4: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

4

Собсна, кто мы?

Удобные и понятные сайтыс крутой графикой(фото, видео, 3D)

Page 5: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

Немного цифр

5

10сотрудников

+ 2 удаленно

180 +довольных

клиента

280 +успешных проекта

Этой зимой нам будет 7 лет

Page 6: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

Рейтинги

6

54 местодизайн-студии

России*

2 местоdigital-productionКрасноярск*

20 местодизайн-студии

Сибири*

Page 7: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

7

Page 8: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

8

Page 9: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

9

Page 10: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

10

Ближе к теме

Сайт на конструкторе —что это?

Page 11: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

11

Классический подход в разработке сайта

Page 12: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

12

Создание сайта на Tilda

Page 13: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

13

Всё видно в сравнении

Экономим ресурсы на:прототипах, дизайне,

вёрстке, программировании, наполнении.

Page 14: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

14

Всё видно в сравнении

Вопрос: на что стоит выделить больше ресурсов при сборке сайта на Tilda?

Page 15: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

15

Проблема

Мало внимания уделяется графическому контенту!

Page 16: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

16

Проблема

Мало внимания уделяется графическому контенту!

Page 17: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

17

Примеры, источники

Page 18: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

18

1. Фото — плохо

Page 19: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

19

1. Фото — хорошо

Page 20: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

20

1. Фото — хорошо

Page 21: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

21

2. Видео (его наличие)

Фоновое видеоКорпоративное видеоВидео-инфографика

Промо-видео

Page 22: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

22

2. Видео (его наличие)

Примеры тут:http://chipsa.ru/видео-для-сайта/

Page 23: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

23

3. Иллюстрации (вектор / растр / 3D)

Page 24: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

24

3. Иллюстрации (вектор / растр / 3D)

Page 25: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

25

3. Иллюстрации (вектор / растр / 3D)

Page 26: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

26

3. Иллюстрации (вектор / растр / 3D)

Page 27: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

27

Общие примеры

Хорошо: http://sistersbakery.ru (Tilda)Не оч.: http://www.natali-tort.ru/photo-gallery-of-cakes

Хорошо: http://silavetra.com (Tilda)Не оч.: http://amcsailing.ru/boats/?page=1

Хорошо: http://best.kp.ru/msk/yamaha-mt-09/ (Tilda)Не оч.: http://goo.gl/WfCmKl

Page 28: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

28

ГЛАВНОЕ, НЕ НАДО ТАК

Page 29: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

29

И вот так

Page 30: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

30

И так

Page 31: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

● дать наглядное представление о продукте (фактически роль прилавка);

● отстройка от конкурентов;

● простая и доходчивая подача сложной информации;

● что ещё?

31

Кому и зачем нужен графический контент?

Page 32: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

● Самое лучшее — снять (живое фото / видео)

● Ресурсы с готовым контентом (платные или бесплатные)

● Заказать у знакомого / друга

● Заказать у профессионала

32

Где взять графический контент?

Page 33: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

33

Где взять графический контент?

Чем пользуемся мы:

• конечно, своя съёмка, для этого есть оборудование — фото, видео

• свои дизайнеры по 3D, видео, иллюстрациям

• shutterstock.com — фото

• market.envato.com — иллюстрации, аудио, и т.д.

• встроенные в Tilda инструменты

Page 34: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

34

Что советует Tilda:

• иконки:http://tilda.education/articles-icons

• изображения: http://tilda.education/articles-pictures-search-guide

Где взять графический контент?

Page 35: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

ИТОГИ

1. Сайт на конструкторе не значит халява. Есть смысл кинуть сэкономленные ресурсы на контент, в том числе графический (снять, найти, нанять специалиста, и т.д.);

2. Контент лучше всего «живой», ваш.

35

Page 36: Сайты на Tilda, встреча №1. О важности графического контента.

тел. (391) 280-12-67 | [email protected] | http://chipsa.ru

36

[email protected]

vk.com/maxkysh

fb.com/maxkysh

Давайте дружить!