SlideShare a Scribd company logo
1 of 30
Процесс создания
     сайта
   или «Cайт как гайдлайны»
Ключевые ограничения сайта
как дизайнерского продукта
  Непредсказуемость формата отображения
  Непредсказуемость поведения текста

  Непредсказуемость отображения цвета
  Важность «веса» графики
  Важность сочетания функциональности с эстетикой
  Сайт — продукт коллективного труда
  Сайт часто невозможно закончить...
Кто может
сделать сайт?
«Основной состав»
разработчиков сайта:
  Арт-директор — качество, сроки, клиент
  Дизайнер
  Технический дизайнер?
  Редактор/технический писатель
  Копирайтер?
  Технолог
  Менеджер проекта — деньги, сроки, клиент
Cайт могут сделать
  5—7 человек
«Cкамейка запасных»
при разработке сайта:
  Дизайнер интерфейсов
  Флеш-дизайнер
  Флеш-технолог
  Иллюстратор
  Моделлер
  Визуализатор
  Бета-тестер
Cайт могут делать
и более 10 человек
9 этапов создания
      сайта
    от брифа до хостинга
1. Клиентский бриф
  Знакомство, постановка задачи

   Клиент
   Менеджер
   Арт-директор
   Редактор/копирайтер
2. Структура разделов сайта
  Логика, навигация, масштабируемость

   Менеджер
   Арт-директор
   Редактор/копирайтер
3. Техническое задание
  Обязательные элементы, графические
  и функциональные блоки, технологии

   Редактор/копирайтер
   Менеджер (согласование)
   Арт-директор (согласование)
   Технолог или тех. директор (согласование)
4. Концепция дизайна
 Презентация/информация. Гайдлайны
 и фирменный стиль. Модульная сетка.
 Варианты. Макеты начальной и внутренней
 страниц.

  Менеджер
  Арт-директор
  Дизайнер
5. Шаблоны и тех. графика
  Cоздание шаблонов всех внутренних
  страниц, обработка графики

   Менеджер
   Арт-директор
   Дизайнер
   Технический дизайнер
6. Cоздание текстов (контент)
  Написание и/или редактирование
  текстов для всех разделов сайта

   Редактор/копирайтер
   Менеджер
   Арт-директор
7. Верстка и сборка сайта
  Создание HTML-шаблонов, резка
  и оптимизация графики, верстка страниц

   Технолог
   Менеджер
   Арт-директор
   Дизайнер
   Технический дизайнер
8. Перенос на хостинг
  Тестирование, отладка, физический
  перенос сайта на хостинг

   Технолог
   Менеджер
9. Поддержка и обновление
 Передача сайта внутрестудийной
 группе поддержки или группе поддержки
 со стороны клиента

  Менеджер
Средние сроки
разработки сайта:
  1—2 месяца
Промо-сайт каталога
 ИКЕА на 2005 год
     от сайта до радиопьесы
Клиентский бриф:
 «Анонсировать выход нового каталога
 ИКЕА корпоративным клиентам. Донести
 до них специальное предложение».

  Клиент — ИКЕА
  Менеджер — Вера Дорофеева
  Арт-директор — Антон Ярусов
  Редактор/копирайтер — Юрий Швецов
Концепция дизайна:
 «Каталог выходит осенью, давайте
 оформим анонс в виде осеннего листа
 и вложим его в каталог».
Ответ клиента:
  «Главное не то, что каталог выходит
  осенью, а то, что он новый. Давайте
  думать дальше».
Новая концепция дизайна:
 «Ваши каталоги все видели уже много
 тысяч раз, предлагаем на этот раз дать
 вашим клиентам послушать каталог».
Ответ клиента:
  «Интересно. Будем делать».
Студия. Актеры. Запись.
Дизайн сайта:
Дизайн диска:
И еще...
   Конверт С4 для отправки каталога по почте
   Два макета А4 в журналы
   10 баннеров различного формата
   Директ-мейл
Конец
© 2009—2010 Anton Yarusov, yarusov@gmail.com
For non-commercial use only. Any commercial use of this
 content without the express permission of the author is
                       forbidden

More Related Content

Viewers also liked

(денис) роковые ошибки при создании им
(денис) роковые ошибки при создании им(денис) роковые ошибки при создании им
(денис) роковые ошибки при создании им
Rishat Yunusov
 
составляющие профессионального сайта или перестаньте позорить церковь божью!
составляющие профессионального сайта   или перестаньте позорить церковь божью!составляющие профессионального сайта   или перестаньте позорить церковь божью!
составляющие профессионального сайта или перестаньте позорить церковь божью!
Maksym Balaklytskyi
 
User eXperience design - как построить сайт для пользователей, а не для себя
User eXperience design - как построить сайт для пользователей, а не для себяUser eXperience design - как построить сайт для пользователей, а не для себя
User eXperience design - как построить сайт для пользователей, а не для себя
Andrew Yaroshenko
 
Создание прототипа как этап разработки сайта: задачи, методы, преимущества
Создание прототипа как этап разработки сайта: задачи, методы, преимуществаСоздание прототипа как этап разработки сайта: задачи, методы, преимущества
Создание прототипа как этап разработки сайта: задачи, методы, преимущества
Techart Marketing Group
 
How to Successfully Run Your First Website A/B Test
How to Successfully Run Your First Website A/B TestHow to Successfully Run Your First Website A/B Test
How to Successfully Run Your First Website A/B Test
Kissmetrics on SlideShare
 

Viewers also liked (20)

(денис) роковые ошибки при создании им
(денис) роковые ошибки при создании им(денис) роковые ошибки при создании им
(денис) роковые ошибки при создании им
 
Как правильно поставить задачу агентству, чтобы получить вменяемый результат
Как правильно поставить задачу агентству, чтобы получить вменяемый результатКак правильно поставить задачу агентству, чтобы получить вменяемый результат
Как правильно поставить задачу агентству, чтобы получить вменяемый результат
 
составляющие профессионального сайта или перестаньте позорить церковь божью!
составляющие профессионального сайта   или перестаньте позорить церковь божью!составляющие профессионального сайта   или перестаньте позорить церковь божью!
составляющие профессионального сайта или перестаньте позорить церковь божью!
 
Ошибки входа. Или как заходить в интернет правильно.
Ошибки входа. Или как заходить в интернет правильно.Ошибки входа. Или как заходить в интернет правильно.
Ошибки входа. Или как заходить в интернет правильно.
 
Типовые менеджерские ошибки
Типовые менеджерские ошибки Типовые менеджерские ошибки
Типовые менеджерские ошибки
 
Final Presentation- Ruby's Diner Internet Marketing Strategy
Final Presentation- Ruby's Diner Internet Marketing Strategy Final Presentation- Ruby's Diner Internet Marketing Strategy
Final Presentation- Ruby's Diner Internet Marketing Strategy
 
Этапы создания нового сайта
Этапы создания нового сайтаЭтапы создания нового сайта
Этапы создания нового сайта
 
Нияз Гараев, директор «Реаспект» (Москва)
Нияз Гараев, директор «Реаспект» (Москва)Нияз Гараев, директор «Реаспект» (Москва)
Нияз Гараев, директор «Реаспект» (Москва)
 
Social Media strategie Be Burger by B+ media
Social Media strategie Be Burger by B+ mediaSocial Media strategie Be Burger by B+ media
Social Media strategie Be Burger by B+ media
 
User eXperience design - как построить сайт для пользователей, а не для себя
User eXperience design - как построить сайт для пользователей, а не для себяUser eXperience design - как построить сайт для пользователей, а не для себя
User eXperience design - как построить сайт для пользователей, а не для себя
 
Сайт - общая маркетинговая стратегия
Сайт - общая маркетинговая стратегия Сайт - общая маркетинговая стратегия
Сайт - общая маркетинговая стратегия
 
Веб-проектирование. Введение в этап проектирования сайта
Веб-проектирование. Введение в этап проектирования сайтаВеб-проектирование. Введение в этап проектирования сайта
Веб-проектирование. Введение в этап проектирования сайта
 
Создание прототипа как этап разработки сайта: задачи, методы, преимущества
Создание прототипа как этап разработки сайта: задачи, методы, преимуществаСоздание прототипа как этап разработки сайта: задачи, методы, преимущества
Создание прототипа как этап разработки сайта: задачи, методы, преимущества
 
2012. Проблемы и реалии построения диджитал стратегии бренда.
2012. Проблемы и реалии построения диджитал стратегии бренда.2012. Проблемы и реалии построения диджитал стратегии бренда.
2012. Проблемы и реалии построения диджитал стратегии бренда.
 
Основы рекламы для совсем начинающих
Основы рекламы для совсем начинающихОсновы рекламы для совсем начинающих
Основы рекламы для совсем начинающих
 
Пример брифа - маркетинг-бриф UniСredit
Пример брифа - маркетинг-бриф UniСreditПример брифа - маркетинг-бриф UniСredit
Пример брифа - маркетинг-бриф UniСredit
 
Креативный бриф в digital агентстве
Креативный бриф в digital агентствеКреативный бриф в digital агентстве
Креативный бриф в digital агентстве
 
How to Successfully Run Your First Website A/B Test
How to Successfully Run Your First Website A/B TestHow to Successfully Run Your First Website A/B Test
How to Successfully Run Your First Website A/B Test
 
Поддержка клиентов в социальных медиа: почему бренды начинают, но не всегда в...
Поддержка клиентов в социальных медиа: почему бренды начинают, но не всегда в...Поддержка клиентов в социальных медиа: почему бренды начинают, но не всегда в...
Поддержка клиентов в социальных медиа: почему бренды начинают, но не всегда в...
 
Основы создания сайта. Часть первая (вводная). Типология, специалисты, веб-аг...
Основы создания сайта. Часть первая (вводная). Типология, специалисты, веб-аг...Основы создания сайта. Часть первая (вводная). Типология, специалисты, веб-аг...
Основы создания сайта. Часть первая (вводная). Типология, специалисты, веб-аг...
 

Similar to Процес створення сайту і роль редактора в цьому

Web дизайнер
Web дизайнерWeb дизайнер
Web дизайнер
vaxden
 
Memo for-webdesigner
Memo for-webdesignerMemo for-webdesigner
Memo for-webdesigner
3liblib
 
Professiya web d
Professiya web dProfessiya web d
Professiya web d
ir_556
 
презентация компании
презентация компаниипрезентация компании
презентация компании
Dmitry Galakhov
 
How to create a successful website? REX09
How to create a successful website?  REX09How to create a successful website?  REX09
How to create a successful website? REX09
VIS-A-VIS design agency
 
составляющие профессионального сайта или перестаньте позорить церковь божью!
составляющие профессионального сайта   или перестаньте позорить церковь божью!составляющие профессионального сайта   или перестаньте позорить церковь божью!
составляющие профессионального сайта или перестаньте позорить церковь божью!
Maksym Balaklytskyi
 

Similar to Процес створення сайту і роль редактора в цьому (20)

Web дизайнер
Web дизайнерWeb дизайнер
Web дизайнер
 
Netlab
NetlabNetlab
Netlab
 
Memo for-webdesigner
Memo for-webdesignerMemo for-webdesigner
Memo for-webdesigner
 
11 ключевых ошибок в разработке интернет-проектов
11 ключевых ошибок в разработке интернет-проектов11 ключевых ошибок в разработке интернет-проектов
11 ключевых ошибок в разработке интернет-проектов
 
Professiya web d
Professiya web dProfessiya web d
Professiya web d
 
Comm predl
Comm predlComm predl
Comm predl
 
презентация компании
презентация компаниипрезентация компании
презентация компании
 
Дизайн сайта
Дизайн сайтаДизайн сайта
Дизайн сайта
 
Проектирование пользовательских интерфейсов в компании EPAM Systems
Проектирование пользовательских интерфейсов в компании EPAM SystemsПроектирование пользовательских интерфейсов в компании EPAM Systems
Проектирование пользовательских интерфейсов в компании EPAM Systems
 
Портфолио ACE.BY
Портфолио ACE.BYПортфолио ACE.BY
Портфолио ACE.BY
 
04 HappyDev-lite-2015 autumn. Лера Ткачева. О профессии веб-дизайнера.
04 HappyDev-lite-2015 autumn. Лера Ткачева. О профессии веб-дизайнера.04 HappyDev-lite-2015 autumn. Лера Ткачева. О профессии веб-дизайнера.
04 HappyDev-lite-2015 autumn. Лера Ткачева. О профессии веб-дизайнера.
 
FrontEnd: JS + css + html
FrontEnd: JS + css + htmlFrontEnd: JS + css + html
FrontEnd: JS + css + html
 
3 Все о разработке интернет проектов
3 Все о разработке интернет проектов3 Все о разработке интернет проектов
3 Все о разработке интернет проектов
 
HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в...
HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в...HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в...
HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в...
 
How to create a successful website? REX09
How to create a successful website?  REX09How to create a successful website?  REX09
How to create a successful website? REX09
 
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...«Правильный процесс дает правильный результат». Как грамотно выстроить работу...
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...
 
Mobile credentials
Mobile credentialsMobile credentials
Mobile credentials
 
составляющие профессионального сайта или перестаньте позорить церковь божью!
составляющие профессионального сайта   или перестаньте позорить церковь божью!составляющие профессионального сайта   или перестаньте позорить церковь божью!
составляющие профессионального сайта или перестаньте позорить церковь божью!
 
Heads & Hands
Heads & HandsHeads & Hands
Heads & Hands
 
Artery, company presentation
Artery, company presentationArtery, company presentation
Artery, company presentation
 

More from Dariya

Отчет WAN-IFRA «Тренды в ньюзрумах 2014»
Отчет WAN-IFRA «Тренды в ньюзрумах 2014» Отчет WAN-IFRA «Тренды в ньюзрумах 2014»
Отчет WAN-IFRA «Тренды в ньюзрумах 2014»
Dariya
 
Визуализация для работы цифровых медиа
Визуализация для работы цифровых медиаВизуализация для работы цифровых медиа
Визуализация для работы цифровых медиа
Dariya
 
Олександр Акіменко. Презентація 1
Олександр Акіменко. Презентація 1Олександр Акіменко. Презентація 1
Олександр Акіменко. Презентація 1
Dariya
 
Алексей Пономаренко: Инфографика в газете "Сегодня"
Алексей Пономаренко: Инфографика в газете "Сегодня"Алексей Пономаренко: Инфографика в газете "Сегодня"
Алексей Пономаренко: Инфографика в газете "Сегодня"
Dariya
 
Наталья Бойко: Спорт UMH
Наталья Бойко: Спорт UMHНаталья Бойко: Спорт UMH
Наталья Бойко: Спорт UMH
Dariya
 
TNS: Cпортивные темы в прессе
TNS: Cпортивные темы в прессеTNS: Cпортивные темы в прессе
TNS: Cпортивные темы в прессе
Dariya
 
Kiev hamburg.de
Kiev hamburg.de Kiev hamburg.de
Kiev hamburg.de
Dariya
 
Dvurnik
DvurnikDvurnik
Dvurnik
Dariya
 
Инна Рык: Что помогает и что мешает продавать прессу в Украине
Инна Рык: Что помогает и что мешает продавать прессу в УкраинеИнна Рык: Что помогает и что мешает продавать прессу в Украине
Инна Рык: Что помогает и что мешает продавать прессу в Украине
Dariya
 
Professional journalism and multimedia
Professional journalism and multimediaProfessional journalism and multimedia
Professional journalism and multimedia
Dariya
 
Journalism warning stickers
Journalism warning stickersJournalism warning stickers
Journalism warning stickers
Dariya
 

More from Dariya (20)

Программа конференции 21.10.2014
Программа конференции 21.10.2014 Программа конференции 21.10.2014
Программа конференции 21.10.2014
 
Отчет WAN-IFRA «Тренды в ньюзрумах 2014»
Отчет WAN-IFRA «Тренды в ньюзрумах 2014» Отчет WAN-IFRA «Тренды в ньюзрумах 2014»
Отчет WAN-IFRA «Тренды в ньюзрумах 2014»
 
Визуализация для работы цифровых медиа
Визуализация для работы цифровых медиаВизуализация для работы цифровых медиа
Визуализация для работы цифровых медиа
 
Соціальні медіа: як їх ефективно використовувати в роботі з аудиторією?
Соціальні медіа: як їх ефективно використовувати в роботі з аудиторією?Соціальні медіа: як їх ефективно використовувати в роботі з аудиторією?
Соціальні медіа: як їх ефективно використовувати в роботі з аудиторією?
 
Christoph Riess: Ukraine editors meeting
Christoph Riess: Ukraine editors meetingChristoph Riess: Ukraine editors meeting
Christoph Riess: Ukraine editors meeting
 
Олександр Акіменко. Презентація 1
Олександр Акіменко. Презентація 1Олександр Акіменко. Презентація 1
Олександр Акіменко. Презентація 1
 
Алексей Пономаренко: Инфографика в газете "Сегодня"
Алексей Пономаренко: Инфографика в газете "Сегодня"Алексей Пономаренко: Инфографика в газете "Сегодня"
Алексей Пономаренко: Инфографика в газете "Сегодня"
 
Наталья Бойко: Спорт UMH
Наталья Бойко: Спорт UMHНаталья Бойко: Спорт UMH
Наталья Бойко: Спорт UMH
 
TNS: Cпортивные темы в прессе
TNS: Cпортивные темы в прессеTNS: Cпортивные темы в прессе
TNS: Cпортивные темы в прессе
 
Kiev hamburg.de
Kiev hamburg.de Kiev hamburg.de
Kiev hamburg.de
 
Dvurnik
DvurnikDvurnik
Dvurnik
 
Инна Рык: Что помогает и что мешает продавать прессу в Украине
Инна Рык: Что помогает и что мешает продавать прессу в УкраинеИнна Рык: Что помогает и что мешает продавать прессу в Украине
Инна Рык: Что помогает и что мешает продавать прессу в Украине
 
Professional journalism and multimedia
Professional journalism and multimediaProfessional journalism and multimedia
Professional journalism and multimedia
 
Journalism warning stickers
Journalism warning stickersJournalism warning stickers
Journalism warning stickers
 
Из никуда в ниоткуда
Из никуда в ниоткудаИз никуда в ниоткуда
Из никуда в ниоткуда
 
Рекламодатель ответит за все
Рекламодатель ответит за всеРекламодатель ответит за все
Рекламодатель ответит за все
 
Презентація: Ефективне управління - редакторська версія
Презентація: Ефективне управління - редакторська версіяПрезентація: Ефективне управління - редакторська версія
Презентація: Ефективне управління - редакторська версія
 
З місцевою хронікою - до успіху
З місцевою хронікою - до успіху З місцевою хронікою - до успіху
З місцевою хронікою - до успіху
 
Как традиционные сми упускают шанс возглавить цифровую революцию
Как традиционные сми упускают шанс возглавить цифровую революциюКак традиционные сми упускают шанс возглавить цифровую революцию
Как традиционные сми упускают шанс возглавить цифровую революцию
 
Как традиционные сми упускают шанс возглавить цифровую революцию
Как традиционные сми упускают шанс возглавить цифровую революциюКак традиционные сми упускают шанс возглавить цифровую революцию
Как традиционные сми упускают шанс возглавить цифровую революцию
 

Процес створення сайту і роль редактора в цьому

  • 1. Процесс создания сайта или «Cайт как гайдлайны»
  • 2. Ключевые ограничения сайта как дизайнерского продукта Непредсказуемость формата отображения Непредсказуемость поведения текста Непредсказуемость отображения цвета Важность «веса» графики Важность сочетания функциональности с эстетикой Сайт — продукт коллективного труда Сайт часто невозможно закончить...
  • 4. «Основной состав» разработчиков сайта: Арт-директор — качество, сроки, клиент Дизайнер Технический дизайнер? Редактор/технический писатель Копирайтер? Технолог Менеджер проекта — деньги, сроки, клиент
  • 5. Cайт могут сделать 5—7 человек
  • 6. «Cкамейка запасных» при разработке сайта: Дизайнер интерфейсов Флеш-дизайнер Флеш-технолог Иллюстратор Моделлер Визуализатор Бета-тестер
  • 7. Cайт могут делать и более 10 человек
  • 8. 9 этапов создания сайта от брифа до хостинга
  • 9. 1. Клиентский бриф Знакомство, постановка задачи Клиент Менеджер Арт-директор Редактор/копирайтер
  • 10. 2. Структура разделов сайта Логика, навигация, масштабируемость Менеджер Арт-директор Редактор/копирайтер
  • 11. 3. Техническое задание Обязательные элементы, графические и функциональные блоки, технологии Редактор/копирайтер Менеджер (согласование) Арт-директор (согласование) Технолог или тех. директор (согласование)
  • 12. 4. Концепция дизайна Презентация/информация. Гайдлайны и фирменный стиль. Модульная сетка. Варианты. Макеты начальной и внутренней страниц. Менеджер Арт-директор Дизайнер
  • 13. 5. Шаблоны и тех. графика Cоздание шаблонов всех внутренних страниц, обработка графики Менеджер Арт-директор Дизайнер Технический дизайнер
  • 14. 6. Cоздание текстов (контент) Написание и/или редактирование текстов для всех разделов сайта Редактор/копирайтер Менеджер Арт-директор
  • 15. 7. Верстка и сборка сайта Создание HTML-шаблонов, резка и оптимизация графики, верстка страниц Технолог Менеджер Арт-директор Дизайнер Технический дизайнер
  • 16. 8. Перенос на хостинг Тестирование, отладка, физический перенос сайта на хостинг Технолог Менеджер
  • 17. 9. Поддержка и обновление Передача сайта внутрестудийной группе поддержки или группе поддержки со стороны клиента Менеджер
  • 19. Промо-сайт каталога ИКЕА на 2005 год от сайта до радиопьесы
  • 20. Клиентский бриф: «Анонсировать выход нового каталога ИКЕА корпоративным клиентам. Донести до них специальное предложение». Клиент — ИКЕА Менеджер — Вера Дорофеева Арт-директор — Антон Ярусов Редактор/копирайтер — Юрий Швецов
  • 21. Концепция дизайна: «Каталог выходит осенью, давайте оформим анонс в виде осеннего листа и вложим его в каталог».
  • 22. Ответ клиента: «Главное не то, что каталог выходит осенью, а то, что он новый. Давайте думать дальше».
  • 23. Новая концепция дизайна: «Ваши каталоги все видели уже много тысяч раз, предлагаем на этот раз дать вашим клиентам послушать каталог».
  • 24. Ответ клиента: «Интересно. Будем делать».
  • 28. И еще... Конверт С4 для отправки каталога по почте Два макета А4 в журналы 10 баннеров различного формата Директ-мейл
  • 30. © 2009—2010 Anton Yarusov, yarusov@gmail.com For non-commercial use only. Any commercial use of this content without the express permission of the author is forbidden