Разработка digital проектов в сжатые сроки
-
Upload
world-brand-academy -
Category
Documents
-
view
486 -
download
8
description
Transcript of Разработка digital проектов в сжатые сроки
![Page 1: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/1.jpg)
Deadline — вчера!Разработка диджитал проектов в сжатые сроки
Москва, Октябрь 2012 годаЛебедев Павел
![Page 2: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/2.jpg)
Содержание
1. Особенности digital проектов
2. Способы ускорения процесса
3. Вопросы и ответы
![Page 3: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/3.jpg)
![Page 4: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/4.jpg)
Павел Лебедев
• Более 10 лет в рекламе
• Диджитал и брендинг
• С 2007 года веду он‐лайн курсобучения по дизайну
• Сейчас диджитал арт‐директор вмеждународном рекламномагентстве Ogilvy
![Page 5: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/5.jpg)
Cамое эффективное коммуникационное агентство, удостоившееся семи наград «Брэнд года/EFFIE 2011», девяти наград «Брэнд года/EFFIE 2010» ишести наград «Брэнд года/EFFIE 2009»!
![Page 6: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/6.jpg)
Часть 1.Особенностиdigital проектов
![Page 7: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/7.jpg)
Что самое важное
![Page 8: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/8.jpg)
![Page 9: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/9.jpg)
![Page 10: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/10.jpg)
80% временитратитсяна дизайн
![Page 11: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/11.jpg)
в идеальноммире…
![Page 12: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/12.jpg)
Этапы работы над сайтом
![Page 13: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/13.jpg)
Календарный план
Нужно предоставить брендбуки все исходные материалы
![Page 14: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/14.jpg)
Календарный план
Нужно предоставить брендбуки все исходные материалы
80% комментариеви времени на дизайн
в реальности
![Page 15: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/15.jpg)
в реальностиDeadline — вчера
![Page 16: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/16.jpg)
Часть 2.Как уложитьсяв сроки
![Page 17: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/17.jpg)
Кейс
![Page 18: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/18.jpg)
Задача
• Разработать сайт для банка Эlixirbank.ru, которыйпродает кредитные карты без отделений, гдепользователи смогут общаться на тему финансов.
• Сайт нужен 1 июля, а название банка, логотип, фирменный стиль и брендбукбудут предоставлены только в середине мая ))
• Сайт должен работать на планшетных компьютерахApple (т.е. нельзя использовать flash), но должендвигаться и быть «живым».
![Page 19: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/19.jpg)
Как уложиться в сроки?
![Page 20: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/20.jpg)
Основныепринципы
![Page 21: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/21.jpg)
Команда забукированапод проект целиком.
Делать максимум «in house»
![Page 22: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/22.jpg)
Плотно взаимодействоватьс агентством
![Page 23: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/23.jpg)
Запараллелить все,что можно
![Page 24: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/24.jpg)
Отложить на потомвсе неважное
![Page 25: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/25.jpg)
Этапы работы над сайтом
![Page 26: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/26.jpg)
1. Креативная идея2. Структура3. Прототип4. Дизайн5. Контент6. Верстка7. Программирование
![Page 27: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/27.jpg)
Сразу приступатьза работу
![Page 28: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/28.jpg)
Креативная идея на основании брифа
1 2 3
![Page 29: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/29.jpg)
1. Креативная идея2. Структура3. Прототип4. Дизайн5. Контент6. Верстка7. Программирование
![Page 30: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/30.jpg)
Структура
Нужно: Бриф•В начале нужно определиться с ключевыми элементами
![Page 31: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/31.jpg)
Структура
•Структура может дорабатываться по мере разработки проекта.•Потом могут добавляться детали
![Page 32: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/32.jpg)
1. Креативная идея2. Структура3. Прототип4. Дизайн5. Контент6. Верстка7. Программирование
![Page 33: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/33.jpg)
Прототип
Нужно: Бриф, Структура•Прототип становится основой для страниц сайта•Дорабатывать по мере доработки структуры
![Page 34: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/34.jpg)
Делать дизайн по мересогласования прототипов
![Page 35: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/35.jpg)
1. Креативная идея2. Структура3. Прототип4. Дизайн5. Контент6. Верстка7. Программирование
![Page 36: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/36.jpg)
Дорабатывать дизайн сайтапо мере доработки брендбука
![Page 37: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/37.jpg)
![Page 38: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/38.jpg)
![Page 39: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/39.jpg)
![Page 40: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/40.jpg)
1. Креативная идея2. Структура3. Прототип4. Дизайн5. Контент6. Верстка7. Программирование
![Page 41: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/41.jpg)
Контент может создаватьсябез дизайна и брендбука
![Page 42: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/42.jpg)
![Page 43: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/43.jpg)
1. Креативная идея2. Структура3. Прототип4. Дизайн5. Контент6. Верстка7. Программирование
![Page 44: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/44.jpg)
Запустить страницу‐заглушку
• Сразу после разработки дизайна.
• Снимает напряжение и дает дополнительное время.
• Позволяет начать собирать контакты.
![Page 45: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/45.jpg)
Страница‐заглушка
![Page 46: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/46.jpg)
1. Креативная идея2. Структура3. Прототип4. Дизайн5. Контент6. Верстка7. Программирование
![Page 47: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/47.jpg)
Начать программированиепо прототипам
![Page 48: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/48.jpg)
Используем Bug‐tracker
![Page 49: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/49.jpg)
Результат
![Page 50: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/50.jpg)
Календарный план до оптимизации
Нужно предоставить брендбуки все исходные материалы
80% комментариеви времени на дизайн
![Page 51: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/51.jpg)
Календарный план оптимизированный
40 дней: от получения брендбукадо запуска рабочей версии сайта
![Page 52: Разработка digital проектов в сжатые сроки](https://reader034.fdocuments.net/reader034/viewer/2022042614/558b3be7d8b42a18058b45ac/html5/thumbnails/52.jpg)
www.ogilvyrussia.ru
Лебедев ПавелDigital Art Director
[email protected]: astronaftoo1+7‐915‐498‐0601