Сайт конференції: http://icomm.lviv.ua

1. Разработка сайта без сучка и
задоринки.
Как предусмотреть все!
Елена Халявка www.artjoker.ua

2. • Этапы разработки сайта
• Что нужно предусмотреть
• Как проверить качество работы
• Инструменты
О чем сегодня поговорим:

3. Предистория
Бред

4. Этапы разработки веб-проекта
Подготовительный
Поиск исполнителей
Разработка

5. Этапы разработки веб-проекта
Подготовительный Разработка
Поиск исполнителей
?

6. Подготовительный
1. Постановка цели. Задачи
3. Анализ рынка и конкурентов
2. Анализ спроса
4. Заполнение брифа
5. Подбор референсов

7. 1. Постановка цели
• Зачем нужен сайта?
• Какие задачи должен решать?
• Какой результат приносить?

8. 2. Анализ спроса

9. 3. Анализ конкурентов
• 5 основных запросов
• поисковая выдача ТОП 10-20
• фильтруем лишнее
• итог собираем в таблицу

10. "Быстрый старт"

11. 4. Заполнение брифа

12. 5. Подбор референсов

13. Поиск исполнителей
1. Анализ рынка исполнителей
2. Опыт
3. Сотрудничество на перспективу
4. Юридические аспекты
5. Сроки/Стоимость

14. Памятка заказчику

15. www.artjoker.ua/ru/exp-room/whitepapers/kak-vybrat-idealnogo-podrjadchika/

16. Почему выбирают Artjoker
комплексное решение

17. Почему выбирают Artjoker
проекты

18. Почему выбирают Artjoker
клиенты

19. Почему выбирают Artjoker
открытость

20. Разработка
1. Техническое задание
3. Прототипирование. Дизайн
4. Верстка. Программирование. Тестирование
7. Наполнение контентом
8. Размещение в сети
2. Планирование на основании спроса и требований SEO

21. 1. Техническое задание

22. 2. Планирование на основании спроса и требований SEO
Сбор расширенной семантики
Построение дерева сайта
Планирование посадочных станиц
SEO чеклист

23. 2. Планирование на основании спроса и требований SEO
Сбор расширенной семантики

24. 2. Планирование на основании спроса и требований SEO
SEO чеклист
1. Проверка URL страниц
- Наличие слешей в конце адреса.
- Человекопонятный URL
- Устранение идентификаторов сессий в
адресах страниц...
2. Техническая работа с кодом
- Тег Title
- Description
- Canonical...
3. Технические настройки сайта
- Настройка редиректов
- Коррекция 302-ых редиректов
- Обработка 404 ошибки...
4. Внутренняя перелинковка
- Проверка на «битые» ссылки
- Удаление циклических ссылок
- Хлебные крошки...
5. Внедрение систем аналитики и вебмастера

25. 3. Прототипирование. Дизайн
gomockingbird.com axure.com

26. 3. Прототипирование. Дизайн
• Решает задачи проекта
• Красивый сайт = удобный сайт
• Юзабилити
• Отзывчивый дизайн
• А все ли элементы учтены?

27. 4. Верстка. Программирование. Тестирование
• Кроссбраузерность
• Валидность (validator.w3.org)
• Соответствие дизайну
• Функциональность
• Соответствие ТЗ
• Тестирование
• Устранение багов

28. 7. Наполнение контентом
• Заранее подготовленный
• Уникальный
• Ориентированный на клиента
• Собирается на этапе дизайна
• Определенной стилистики

29. 8. Размещение в сети
• Домен (.com .com.ua .net .ua)
• Хостинг
• Защита доступов
• Установка аналитики посещаемости

30. Важные вопросы:
• Кто будет заниматься сайтом (наполнение,
ведение, контент, учет продаж)?
• Какие показатели будут самые важные?
• Какие ценности у потенциального клиента?
• Какие метода продвижения будут использоваться?
• Кто осуществит поддержку сайта?
• Автоматизации процесса?

31. Не расслабляемся, дальше больше...

32. Полезные книги
Отзывчивый веб-дизайн.
Эмоциональный веб-дизайн.
Основы контентной стратегии.
Сначала мобильные.
Deadline.
Роман об управлении проектами

33. Вперед!

34. www.artjoker.ua
lena@artjoker.ua
@antalena
facebook.com/jelena.khaliavka
Елена Халявка
директор по развитию
клиентского бизнеса