31
Процесс разработки в IT-компании Шульгина Татьяна Веб-дизайнер ADCI Solutions

HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

Embed Size (px)

Citation preview

Page 1: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

Процесс разработкив IT-компании

Шульгина ТатьянаВеб-дизайнер ADCI Solutions

Page 2: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании
Page 3: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

Как спланироватьрабочий процесс

Page 4: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании
Page 5: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

Команда проекта:- маркетолог- арт-директор- дизайнер- разработчик- шеф

Page 6: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

Этап 1. Идея и структураЗадача и концепция проекта. Примерная структура.

Page 7: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

Задача

Разработать главную страницу, которая

обеспечит привлечение новых посетителей

и потенциальных клиентов.

Page 8: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании
Page 9: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

Этап 2. ВайрфреймЧто такое вайрфрейм. Зачем он нужен.

Как сделать хороший вайрфрейм.

Page 10: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

Вайрфрейм — это низко детализированное

представление дизайна

Page 11: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании
Page 12: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

Хороший вайрфрейм является каркасом

веб-страницы, на который потом легко

нарисовать дизайн

Page 13: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании
Page 14: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

Этап 3. ДизайнРабота с графикой и анимацией. Мобильная версия.

Подготовка материалов для разработки.

Page 15: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании
Page 16: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании
Page 17: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании
Page 18: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

codepen.io

Page 19: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании
Page 20: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

drive.google.com

Page 21: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

Этап 4. РеализацияКурирование реализации. Тестирование.

Page 22: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании
Page 23: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании
Page 24: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

browserstack.com

Page 25: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

Этап 5. ЗапускЗапускаем проект. Разбор проделанной работы.

Page 26: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

Работа с аналитикойГугл Аналитикс. Яндекс.Метрика

Page 27: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании
Page 28: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании
Page 29: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании
Page 30: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

Базовый курс UX medium.com/ux-crash-course

Кейсы студии Артемия Лебедева artlebedev.ru/web

Дизайн в цифровой среде tilda.education/courses/web-design

Книги Яны Франк

«Дневник дизайнера-маньяка» — работа в IT-студии

«Муза и чудовище» — о тайм-менеджменте

Что изучить:

Page 31: HappyDev-lite-2016 (осень), день 1, 02 Татьяна Шульгина. Процесс разработки в ИТ-компании

Спасибо!

Шульгина Татьяна

Веб-дизайнерvk.com/shulginatatyana