SlideShare a Scribd company logo
Процесс создания
     сайта
   или «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

PPTX
Дизайн сайта в www.hotwebstudio.ru
PDF
Как самостоятельно подготовиться к разработке сайта и сэкономить от 200 000 р...
PPTX
Взаимодействие дизайнеров с поставщиками: больше, чем бонусы
PDF
RST2014_Kemerovo_JustScrollMe
PPT
Для чего владельцу бизнеса участвовать в процессе разработки - Сергей Головко...
PPTX
Вся правда о разработке индивидуальных проектов (ДВИК-2012)
PPTX
РИК: Управление клиентом
PPTX
Проектирование сайта под SEO
Дизайн сайта в www.hotwebstudio.ru
Как самостоятельно подготовиться к разработке сайта и сэкономить от 200 000 р...
Взаимодействие дизайнеров с поставщиками: больше, чем бонусы
RST2014_Kemerovo_JustScrollMe
Для чего владельцу бизнеса участвовать в процессе разработки - Сергей Головко...
Вся правда о разработке индивидуальных проектов (ДВИК-2012)
РИК: Управление клиентом
Проектирование сайта под SEO

Viewers also liked (9)

PPT
P A S E O P O R E L V O L G A
PPTX
Standard 5: The Learning Environment
PPT
Cuadros De Solrao
PDF
Ян Чихольд, Облик книги
PDF
Ruder tipographica
PPTX
The WebQuest
PPT
Standard 1: Students
PDF
Презентация мастер-класса Кати Соломеиной
PPTX
Standard 2: Content
P A S E O P O R E L V O L G A
Standard 5: The Learning Environment
Cuadros De Solrao
Ян Чихольд, Облик книги
Ruder tipographica
The WebQuest
Standard 1: Students
Презентация мастер-класса Кати Соломеиной
Standard 2: Content
Ad

Similar to Site creation (20)

PPTX
Web дизайнер
PDF
PDF
Memo for-webdesigner
PPT
Типовые менеджерские ошибки
PPTX
11 ключевых ошибок в разработке интернет-проектов
PPSX
Professiya web d
DOC
Comm predl
PDF
презентация компании
PDF
Дизайн сайта
PPT
Проектирование пользовательских интерфейсов в компании EPAM Systems
PPSX
Портфолио ACE.BY
PDF
04 HappyDev-lite-2015 autumn. Лера Ткачева. О профессии веб-дизайнера.
PPTX
FrontEnd: JS + css + html
PDF
3 Все о разработке интернет проектов
PPTX
HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в...
PPT
How to create a successful website? REX09
PPTX
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...
PDF
Mobile credentials
PPTX
составляющие профессионального сайта или перестаньте позорить церковь божью!
PPTX
составляющие профессионального сайта или перестаньте позорить церковь божью!
Web дизайнер
Memo for-webdesigner
Типовые менеджерские ошибки
11 ключевых ошибок в разработке интернет-проектов
Professiya web d
Comm predl
презентация компании
Дизайн сайта
Проектирование пользовательских интерфейсов в компании EPAM Systems
Портфолио ACE.BY
04 HappyDev-lite-2015 autumn. Лера Ткачева. О профессии веб-дизайнера.
FrontEnd: JS + css + html
3 Все о разработке интернет проектов
HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в...
How to create a successful website? REX09
«Правильный процесс дает правильный результат». Как грамотно выстроить работу...
Mobile credentials
составляющие профессионального сайта или перестаньте позорить церковь божью!
составляющие профессионального сайта или перестаньте позорить церковь божью!
Ad

More from Edutainment (16)

PDF
Презентация Олега Пащенко
PDF
Trademark and Symbols
PPT
Структура визуального текста
PPT
Основы композиции для огурцов и томатов
PDF
Эмиль Рудер, Типографика
PDF
Аллен Херлберт, Сетка
PDF
Herlbert the grid
PDF
Презентация семинара Владимира Ефимова, часть 1
PDF
Презентация семинара Владимира Ефимова, часть 2
PDF
Kuenstler480
PDF
Interactive space
PDF
Interactive space
KEY
Развитие воображения
PPT
Оптические иллюзии
PPT
Современный язык визуальных коммуникаций
PPT
Imadesign Creative Branding
Презентация Олега Пащенко
Trademark and Symbols
Структура визуального текста
Основы композиции для огурцов и томатов
Эмиль Рудер, Типографика
Аллен Херлберт, Сетка
Herlbert the grid
Презентация семинара Владимира Ефимова, часть 1
Презентация семинара Владимира Ефимова, часть 2
Kuenstler480
Interactive space
Interactive space
Развитие воображения
Оптические иллюзии
Современный язык визуальных коммуникаций
Imadesign Creative Branding

Site creation

  • 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