Сайт с 0 для тех, ктоне знает как этоработает

Привет!Меня зовут КонстантинСентищевЯ сделал более 120 сайтов длясебя и моих клиентовВсе вопросы мне можно писатьна seo@seo38.com

2

1.Поиск идейЕсли вы не знаете, что делать

3

“

”

Закон клубники: я люблю клубнику.Рыба любит червей. Хотитепоймать рыбу - предложите ейчервя. Даже если вы его не любите!

Цели разработки сайта

▸Выделить основное целевое действие▸Выделить 1-2 дополнительных действия▸Написать, как клиенты смогут выполнить

эти действия с наименьшими усилиями(например - оставить заявку, написатьонлайн-консультанту)

5

Подготовка к разработке сайта

▸Просмотреть не менее 5 конкурентов▸Выписать удачные решения▸Найти сайт, который вы считаете лучшим

для решения ваших задач

Это позволит вам не “сочинять” и не тратитьна это массу драгоценного времени

6

Базовые страницы

▸Главная▸Текстовая▸Контакты

Это может быть даже 1 страницаоформленная по-разному

7

Базовые элементы

▸Текст и его форматирование▸Меню▸Изображения▸Видео▸Формы захвата (контакт-формы)

8

Все очень просто

анализ

9

проект реализация

ПроектированиеВаш план - это половина результата

10

На бумагеБумага, карандаш исвободная отпосторонних мыслейголова - залог успеха.

Подходы к проектированию

В электронном видеExcel или Word, Paintили Photoshop.Выбирайте на свой вкус.

11

Каждый блок на странице - это кубик. Поиграйте ими так, как дети играютв Lego. Бумажные кубики можно разрезать и перекладывать пока вам непонравится результат.

12

О Excel, ты Бог

13

Но ручкой круче!

Подготовьте корабль на берегу!

Очень важно проработатьподготовительные этапы дотого, как ринуться “в бой”. Иначе придется всепеределывать 2-3 раза

14

2.РеализацияЕсли вы не знаете, как делать

15

Подходы к реализации

▸Самостоятельно (не рекомендую)▸Шаблон + программист▸Разработка с 0

Все зависит от вашего бюджета и терпения

Контрольный вопрос: подойдет ли это моимклиентам?

16

Плюсы▸ Вы разберетесь как это

работает▸ Вас так просто не проведешь

потом▸ Бесплатно

Самостоятельная реализация

Минусы▸ Все может оказаться не так

просто▸ Получится сырой или не

рабочий продукт▸ Вы потратите много времени▸ Результат будет далеким от

ваших ожиданий

17

После такого, все станет ясно. Сколько десятков часов вы на этопотратите и что получится в итоге - неизвестно. Всегда есть риск,что придется переделывать с 0

Плюсы▸ Примерно видно что

получится▸ Намного меньше затрат

времени▸ Готовый функционал упакован

Шаблон и программист

Минусы▸ Затраты на программиста▸ Затраты на шаблон (если

платный)▸ Шаблон может быть

недостаточно функционален▸ Не эксклюзив

18

Этот метод менее трудозатратный и более безопасный. Когда выберете шаблон, вы уже видите что в него включено и можетеманипулировать этими элементами. Все уже сверстано изапрограммировано. Это недорого и быстро - 2-3 недели

Плюсы▸ Эксклюзивно▸ Если вы любите хохлому - ее

тоже нарисуют▸ Можно заказать

нестандартную верстку икомпозицию

Разработка с 0

Минусы▸ Получите не то что ожидаете▸ Может быть очень долго▸ У большинства дизайнеров

почти 0 толерантность кправкам

▸ Могут напрограммировать инаверстать совсем не то, чтонарисовал дизайнер

19

Подходит если вам нужен эксклюзив для ценовой категории вышесредней. При этом, гарантий того что вы получите то, что ожидаете50/50, т.к. “Он дизайнер, он так видит”. Срок реализации от 3 недельдо 1 года

Где брать шаблон?

themeforest.comtemplatemonster.com (хуже)

20

Алгоритм работы с шаблонами

CMS

21

дизайн функционал

Не используйтередких или самописных CMS еслихотите сохранить свой бюджет

22

15.500.000cайтов используют WordPress

1.500.000cайтов использует Joomla

23

Что проверять в шаблоне?

АдаптивБольшинство продаваемыхшаблонов “едут” нателефонах или планшетах

ВерсткуНа современных броузерахчасть верстки также “едет”у слабых шаблонов

ФункционалВсе ли нужные вамфункции и стили текстаесть в шаблоне?

24

ВерсиюКак давно создан шаблон ипродается на сайте? Чем онстарше, тем больше можетбыть проблем

ОтзывыНа ThemeForest может бытьмного жалоб наразработчиков.Посмотрите, как ониреагируют.

ЭффектыЕсли вы хотите впечатлитьсвоих посетителей -параллакс идополнительные эффектыне помешают

3.ПроверкаЕсли вы не знаете, что получилось

25

26

Версия для ПКРовно. Четко.Аккуратно. Прокликатьвсе формы и ссылки вChrome, Safari, Opera иFireFox

МобильнаяверсияДо 80% заходовмогут быть стелефонов ипланшетов. Проверить на Android и Iphone

Place your screenshot here

27

Что проверять в сайте?

Мета данныеВыводится как минимумзаголовок, описание иключевые слова

404 страницуВведитевашсайт.ру/чтоугодно ипосмотрите, где выоказались

Работа форм Доставляются ли письма сформ на вашу основнуюэлектронную почту

28

Ссылки tel:При нажатии на номертелефона в этом случае онбудет отдаваться вномеронабирательтелефона

Новые страницыУдается ли создать новуюстраницу, добавить ее вменю. Ровно лиотображается пункт меню?

СкоростьБыстро ли загружаетсясайт. Проверьте черезсервис Google PageSpeedInsights

29

Спасибо!Остались вопросы?Пишите на seo@seo38.com илидобавляйтесь в соцсетях

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:

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