Download - HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании
![Page 1: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/1.jpg)
Процесс разработкив IT-компании
Шульгина ТатьянаВеб-дизайнер ADCI Solutions
![Page 2: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/2.jpg)
![Page 3: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/3.jpg)
Как спланироватьрабочий процесс
![Page 4: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/4.jpg)
![Page 5: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/5.jpg)
Команда проекта:- маркетолог- арт-директор- дизайнер- разработчик- шеф
![Page 6: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/6.jpg)
Этап 1. Идея и структураЗадача и концепция проекта. Примерная структура.
![Page 7: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/7.jpg)
Задача
Разработать главную страницу, которая
обеспечит привлечение новых посетителей
и потенциальных клиентов.
![Page 8: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/8.jpg)
![Page 9: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/9.jpg)
Этап 2. ВайрфреймЧто такое вайрфрейм. Зачем он нужен.
Как сделать хороший вайрфрейм.
![Page 10: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/10.jpg)
Вайрфрейм — это низко детализированное
представление дизайна
![Page 11: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/11.jpg)
![Page 12: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/12.jpg)
Хороший вайрфрейм является каркасом
веб-страницы, на который потом легко
нарисовать дизайн
![Page 13: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/13.jpg)
![Page 14: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/14.jpg)
Этап 3. ДизайнРабота с графикой и анимацией. Мобильная версия.
Подготовка материалов для разработки.
![Page 15: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/15.jpg)
![Page 16: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/16.jpg)
![Page 17: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/17.jpg)
![Page 18: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/18.jpg)
codepen.io
![Page 19: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/19.jpg)
![Page 20: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/20.jpg)
drive.google.com
![Page 21: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/21.jpg)
Этап 4. РеализацияКурирование реализации. Тестирование.
![Page 22: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/22.jpg)
![Page 23: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/23.jpg)
![Page 24: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/24.jpg)
browserstack.com
![Page 25: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/25.jpg)
Этап 5. ЗапускЗапускаем проект. Разбор проделанной работы.
![Page 26: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/26.jpg)
Работа с аналитикойГугл Аналитикс. Яндекс.Метрика
![Page 27: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/27.jpg)
![Page 28: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/28.jpg)
![Page 29: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/29.jpg)
![Page 30: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/30.jpg)
Базовый курс UX medium.com/ux-crash-course
Кейсы студии Артемия Лебедева artlebedev.ru/web
Дизайн в цифровой среде tilda.education/courses/web-design
Книги Яны Франк
«Дневник дизайнера-маньяка» — работа в IT-студии
«Муза и чудовище» — о тайм-менеджменте
Что изучить:
![Page 31: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании](https://reader034.vdocuments.net/reader034/viewer/2022052606/58a1c6ba1a28ab9d338b582d/html5/thumbnails/31.jpg)
Спасибо!
Шульгина Татьяна
Веб-дизайнерvk.com/shulginatatyana