cайт с 0 для блондинок
TRANSCRIPT
![Page 1: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/1.jpg)
Сайт с 0 для тех, ктоне знает как этоработает
![Page 2: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/2.jpg)
Привет!Меня зовут КонстантинСентищевЯ сделал более 120 сайтов длясебя и моих клиентовВсе вопросы мне можно писатьна [email protected]
2
![Page 3: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/3.jpg)
1.Поиск идейЕсли вы не знаете, что делать
3
![Page 4: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/4.jpg)
“
”
Закон клубники: я люблю клубнику.Рыба любит червей. Хотитепоймать рыбу - предложите ейчервя. Даже если вы его не любите!
![Page 5: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/5.jpg)
Цели разработки сайта
▸Выделить основное целевое действие▸Выделить 1-2 дополнительных действия▸Написать, как клиенты смогут выполнить
эти действия с наименьшими усилиями(например - оставить заявку, написатьонлайн-консультанту)
5
![Page 6: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/6.jpg)
Подготовка к разработке сайта
▸Просмотреть не менее 5 конкурентов▸Выписать удачные решения▸Найти сайт, который вы считаете лучшим
для решения ваших задач
Это позволит вам не “сочинять” и не тратитьна это массу драгоценного времени
6
![Page 7: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/7.jpg)
Базовые страницы
▸Главная▸Текстовая▸Контакты
Это может быть даже 1 страницаоформленная по-разному
7
![Page 8: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/8.jpg)
Базовые элементы
▸Текст и его форматирование▸Меню▸Изображения▸Видео▸Формы захвата (контакт-формы)
8
![Page 9: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/9.jpg)
Все очень просто
анализ
9
проект реализация
![Page 10: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/10.jpg)
ПроектированиеВаш план - это половина результата
10
![Page 11: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/11.jpg)
На бумагеБумага, карандаш исвободная отпосторонних мыслейголова - залог успеха.
Подходы к проектированию
В электронном видеExcel или Word, Paintили Photoshop.Выбирайте на свой вкус.
11
Каждый блок на странице - это кубик. Поиграйте ими так, как дети играютв Lego. Бумажные кубики можно разрезать и перекладывать пока вам непонравится результат.
![Page 12: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/12.jpg)
12
О Excel, ты Бог
![Page 13: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/13.jpg)
13
Но ручкой круче!
![Page 14: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/14.jpg)
Подготовьте корабль на берегу!
Очень важно проработатьподготовительные этапы дотого, как ринуться “в бой”. Иначе придется всепеределывать 2-3 раза
14
![Page 15: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/15.jpg)
2.РеализацияЕсли вы не знаете, как делать
15
![Page 16: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/16.jpg)
Подходы к реализации
▸Самостоятельно (не рекомендую)▸Шаблон + программист▸Разработка с 0
Все зависит от вашего бюджета и терпения
Контрольный вопрос: подойдет ли это моимклиентам?
16
![Page 17: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/17.jpg)
Плюсы▸ Вы разберетесь как это
работает▸ Вас так просто не проведешь
потом▸ Бесплатно
Самостоятельная реализация
Минусы▸ Все может оказаться не так
просто▸ Получится сырой или не
рабочий продукт▸ Вы потратите много времени▸ Результат будет далеким от
ваших ожиданий
17
После такого, все станет ясно. Сколько десятков часов вы на этопотратите и что получится в итоге - неизвестно. Всегда есть риск,что придется переделывать с 0
![Page 18: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/18.jpg)
Плюсы▸ Примерно видно что
получится▸ Намного меньше затрат
времени▸ Готовый функционал упакован
Шаблон и программист
Минусы▸ Затраты на программиста▸ Затраты на шаблон (если
платный)▸ Шаблон может быть
недостаточно функционален▸ Не эксклюзив
18
Этот метод менее трудозатратный и более безопасный. Когда выберете шаблон, вы уже видите что в него включено и можетеманипулировать этими элементами. Все уже сверстано изапрограммировано. Это недорого и быстро - 2-3 недели
![Page 19: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/19.jpg)
Плюсы▸ Эксклюзивно▸ Если вы любите хохлому - ее
тоже нарисуют▸ Можно заказать
нестандартную верстку икомпозицию
Разработка с 0
Минусы▸ Получите не то что ожидаете▸ Может быть очень долго▸ У большинства дизайнеров
почти 0 толерантность кправкам
▸ Могут напрограммировать инаверстать совсем не то, чтонарисовал дизайнер
19
Подходит если вам нужен эксклюзив для ценовой категории вышесредней. При этом, гарантий того что вы получите то, что ожидаете50/50, т.к. “Он дизайнер, он так видит”. Срок реализации от 3 недельдо 1 года
![Page 20: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/20.jpg)
Где брать шаблон?
themeforest.comtemplatemonster.com (хуже)
20
![Page 21: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/21.jpg)
Алгоритм работы с шаблонами
CMS
21
дизайн функционал
![Page 22: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/22.jpg)
Не используйтередких или самописных CMS еслихотите сохранить свой бюджет
22
![Page 23: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/23.jpg)
15.500.000cайтов используют WordPress
1.500.000cайтов использует Joomla
23
![Page 24: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/24.jpg)
Что проверять в шаблоне?
АдаптивБольшинство продаваемыхшаблонов “едут” нателефонах или планшетах
ВерсткуНа современных броузерахчасть верстки также “едет”у слабых шаблонов
ФункционалВсе ли нужные вамфункции и стили текстаесть в шаблоне?
24
ВерсиюКак давно создан шаблон ипродается на сайте? Чем онстарше, тем больше можетбыть проблем
ОтзывыНа ThemeForest может бытьмного жалоб наразработчиков.Посмотрите, как ониреагируют.
ЭффектыЕсли вы хотите впечатлитьсвоих посетителей -параллакс идополнительные эффектыне помешают
![Page 25: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/25.jpg)
3.ПроверкаЕсли вы не знаете, что получилось
25
![Page 26: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/26.jpg)
26
Версия для ПКРовно. Четко.Аккуратно. Прокликатьвсе формы и ссылки вChrome, Safari, Opera иFireFox
![Page 27: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/27.jpg)
МобильнаяверсияДо 80% заходовмогут быть стелефонов ипланшетов. Проверить на Android и Iphone
Place your screenshot here
27
![Page 28: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/28.jpg)
Что проверять в сайте?
Мета данныеВыводится как минимумзаголовок, описание иключевые слова
404 страницуВведитевашсайт.ру/чтоугодно ипосмотрите, где выоказались
Работа форм Доставляются ли письма сформ на вашу основнуюэлектронную почту
28
Ссылки tel:При нажатии на номертелефона в этом случае онбудет отдаваться вномеронабирательтелефона
Новые страницыУдается ли создать новуюстраницу, добавить ее вменю. Ровно лиотображается пункт меню?
СкоростьБыстро ли загружаетсясайт. Проверьте черезсервис Google PageSpeedInsights
![Page 30: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/30.jpg)
30
SlidesCarnival icons are editableshapes.
This means that you can:● Resize them without losing quality.● Change line color, width and style.
Isn’t that nice? :)
Examples:
![Page 31: Cайт с 0 для блондинок](https://reader033.vdocuments.mx/reader033/viewer/2022052705/58a8693a1a28ab6c328b6f83/html5/thumbnails/31.jpg)
Now you can use any emoji as an icon!And of course it resizes without losing quality and you can change the color.
How? Follow Google instructions https://twitter.com/googledocs/status/730087240156643328
✋👆👉👍👤👦👧👨👩👪💃🏃💑❤�
😉😋😒😭👶😸🐟🍒🍔💣📌📖🔨🎃�
🎨🏈🏰🌏🔌� and many more...
�
31