Как выбрать подходящий для Вашего бизнеса тип сайта и что ожидать от разработчиков

1. Как выбрать подходящий для Вашего
бизнеса тип сайта и что ожидать от
разработчиков
Ирина Белка
cтудия разработки сайтов 1Design
1design.com.ua

2. План вебинара
1.Сайт как инструмент бизнеса
2.Типы сайтов
2.1. Корпоративный сайт (частный случай сайт-визитка,
лендинг)
2.2. Интернет-магазин
2.3. Сайт онлайн обучения, блог, портал, социальная сеть
и др.
3. Критерии профессионального создания сайтов
4. Заказчик – Исполнитель. Кто главный?
5. Выводы

3. Если
Вы – компания по производству свинца или питьевой воды
Вы – юридическая компания
Вы – фотограф или парикмахер-стилист
Вы – компания по сервисному обслуживанию банкоматов
Вы – продаете одежду или реализуете оборудование для
приема и передачи сигналов ТВ
Вы – архитектурно-дизайнерское бюро
Вы – учитель музыки или английского языка
заявите о себе в интернете

4. Сайт как инструмент бизнеса
Сайт – позиционирование себя на рынке
Сайт – возможность предоставления услуг и продажи товаров в
любое время суток
Сайт – способ поиска новых клиентов и партнеров по бизнесу
Сайт – продвижение своего товара на рынке

5. Типы сайтов
1.Корпоративный сайт (частный случай сайт-визитка,
лендинг)
2.Интернет-магазин
3.Сайт онлайн обучения, блог, портал, социальная сеть и др.

6. Корпоративный сайт
Цель: реклама своей компании и услуг.
Сайт содержит:
- информацию о том, чем занимается компания,
- какие представляет услуги или товары,
- содержит контактную информацию, форму
обратной связи

7. Корпоративный сайт
Адрес сайта - sgroup.dp.ua
Корпорация «S.Group» -
национальный
производитель снэков и
целлюлозно-бумажной
продукции

8. Корпоративный сайт
Eco-lavka – сеть магазинов
натуральных продуктов
Адрес сайта - eco-lavka.com.ua

9. Корпоративный сайт
Eco-lavka – сеть магазинов
натуральных продуктов
Адрес сайта - eco-lavka.com.ua

10. Корпоративный сайт (лендинг)
Turbogroup – интернет-холдинг, занимающийся
инвестиционной деятельностью,
объединяющий в себе несколько компаний
Адрес сайта – turbogroup.com.ua

11. Корпоративный сайт (сайт-визитка)
Basfi Corporation – реализует комплексные проекты «под ключ», проектирование и
строительство широкого круга объектов: офисов, гостиниц, жилых комплексов
Адрес сайта - basfi-corp.com

12. Интернет-магазин
Sl-Ira– магазин по продаже эксклюзивной
женской одежды бренда Ирины
Cлоневской
Адрес сайта – sl-ira.com

13. Интернет-магазин
Отличительные черты:
1.Каталог товаров
2.Цена и кнопка «купить»
3.Фильтры
4.Корзина
5.Оформление заказа и/или онлайн
оплаты

14. Интернет-магазин с онлайн оплатами

15. Интернет-магазин с формой оформления
заказа

16. Сайты по онлайн обучению
Skillz – онлайн курсы по
интернет-маркетингу
Адрес сайта – skillz.com.ua

17. Сайты по онлайн обучению
1.Платформа онлайн
трансляций
2.Онлайн транляции лекций
3.Личный кабинет пользователя
с записями лекций и
презентациями

18. Сайты по онлайн обучению
Чат между учеником и
лектором

19. Онлайн фотошкола
Photouniversity – онлайн
обучение фотомастреству,
видеографии, а также основам
стиля и визажа посредством
разработанных видеоуроков,
интересных заданий, разбора
работ учеников, онлайн
общения с преподавателями
Адрес сайта – photouniversity.ru

20. Баннерно-тизерная система
GlobalAdvert – баннерно-
тизерная система
Адрес сайта – globaladvert.info

21. Портал
iTunes – музыкальный портал,
позволяющий смотреть,
слушать и пополнять коллекцию
музыки и фильмов
Адрес сайта – apple.com/ru/itunes/

22. Блог
blog.alonsocreative.com – блог с
публикацией статей о всех
видах дизайна
Адрес сайта – blog.alonsocreative.com

23. Глобальное деление всех сайтов
Сайт презентационный

24. Сайт презентационный
Что требует?
1.Уникального дизайна
2.Современных технологий
3.Юзабилити
4.Обновлений
5.Уникального контента

25. Глобальное деление всех сайтов
E-commerce платформы
Что требует?
1.Современных технологий написания кода
2.Юзабилити
3.Адаптивной верстки
4.Оптимизации скорости загрузки страниц сайта на различных устройствах
5.Уникального дизайна
6.Удобной навигации
7.Рекламной кампании
8.SEO настроек
9.Контекстной рекламы
10.Обновлений
11.Уникального контента
12.и т.д.

27. Качественное создание сайтов
- индивидуальный подход к каждому клиенту,
- важно определить, какие цели будет преследовать сайт, в какой сфере
бизнеса работать, какие функции выполнять,
- каждый этап работы должен учитывать множество нюансов и деталей, от
которых будет зависеть конечный результат.

28. Профессиональное создание сайтов
Внешний вид Структура и навигация Контент
САЙТ

29. Время+Стоимость+Объем работ=?

30. Время + Стоимость + Объем работ = Качество
риски
риски
риски

31. Изменение плана работ
время стоимость
(стоимость )
или объем
стоимость время и объем
стоимость время и объем

32. Влияние на качество
Если время объем, то качество
Если стоимость объем, то качествои время

33. Начало сотрудничества
1. Подписание договора

34. Предпроектная работа
2. Разработка архитектуры проекта и написание технического задания

35. Согласование
3. Подписание ТЗ

36. Прорисовка прототипов (мокапов)
4. На основе разработанной архитектуры проекта и ТЗ прорисовываем прототипы

37. Согласование
5. Согласовали прототипы, утвердили структуру каждой страницы

38. Разработка дизайна
6. На основе разработанной архитектуры проекта, ТЗ, утвержденных прототипов ,
пожеланий к графическому представлению заказчика, рисуем дизайн
Опыт
Понимание принципов
юзабилити
Чувство стиля
Внимание
к деталям
Знание теории
цвета
Знание основ HTML5 и CSS3
Дизайнер должен разбираться и быть в
курсе современных трендов и технологий

39. Согласование
7. Согласовали дизайн всех страниц

40. Технические этапы разработки
1. Интеграция дизайн-макетов в HTML-формат, кроссбраузерная верстка сайта
2. Имплементация верстки в CMS или ядра фреймворка
3. Разработка архитектуры баз данных
4. Разработка системы управления контентом согласно требований ТЗ
5. Разработка модулей
6. Подключение и настройка плагинов
7. Тестирование
8. Отладка и доработка

41. Выглядит это так
А иногда вот так

42. ет это
заказчик
вот так

43. пишет
правки

44. тчик их
получае
т

45. к -
Исполни
тель

46. му
согласию
?
1.Работаем по правилам разработчика, потому что:
а) разработчик – профессионал в создании сайта
b) он делает не первый сайт
c) он понимает принципы юзабилити
d) он знает, что поможет Вам продавать и позиционировать себя на рынке
e) он чувствует пользователя, потому что не раз сталкивался с вынужденным
редизайном неудачно разработанных сайтов
f) он разбирается в валидности кода, в настройках плагина, в принципах
формирования урлов, настройках скрипта
НО разработчик ничего не понимает в Вашем бизнесе

47. конечно
м итоге

48. за
вниман
ие
Ирина Белка
студия разработки сайтов 1Design
E-mail: irina@1design.com.ua
Телефон: (067) 833-04-15