cайт с 0 для блондинок
Post on 18-Feb-2017
243 Views
Preview:
TRANSCRIPT
Сайт с 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
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
top related