Дизайн-в-Red-Collar

1. Дизайн в Red Collar

Артем Некрасов

2. Направления

Product:
- мобильные
приложения
- сервисы
- админки, CRM и т.д.
Corporate/promo:
- корп. сайты
- интернет магазины
- граф. материалы для
соц. сетей
- презентации
Для чего нужны направления:
- Дорогая экспертиза - повышение качества, ответственности
- Желанный дизайн - все должны понимать идею
- Снижение уровня фрустрации - концентрация на важном
- Контролируемая загрузка - командная работа
- Дальнейшее разделение - расширение сфер разработки
- Распределение ресурсов - переходный период
Брендинг:
- айдентика
- цвета, шрифты
- концепция
позиционирования
бренда
Creative:
- 3D
- Motion

3. Этапы в разработке дизайна

4. 1 Аналитика

Задача дизайнера на этапе аналитики - сформировать картинку «что требуется»,
необходимо довыяснять картинку, которую желает заказчик.
При этом, не обсуждаются цвета, функии и смыслы

5. 2.1 Прототипирование

Прототипы - это совокупность знаний о функциях, смыслах и информационной структуре
на проекте. Каждая секция на прототипах описаывает ее типологию.
В момент презентации необходимо добавить контекста: напомнить, что именно фиксируем на данном этапе
- определяется структура
- создаются упрощенные макеты страниц
- отдельно закрепляется будущий контент
- создается таблица описания блоков
- перед демонстрацией клиенту, консультируемся с аналитиком.

6. 2.2 Визуальный бриф

*проводится параллельно прототипированию
Визуальный бриф это нарисованный дизайн в голове, который нужно
перевести в цифру. Если такая картинка не формируется, значит нужнл
ещё раз пройтись по брифу. Визуальный бриф формирует и фиксирует
четкое ожидание у клиента.
- обсуждается, как дизайн поспособствует достижению
глобальных целей
- проговариваются ожидания через демонстрацию рефов
с обеих сторон (приводим в пример свои проекты)
- уделяется внимание цветам, шрифтам и общим ощущениям
- фиксируются договоренности

7. 3 Креативная концепция

Креативная концепция - это синтез тех знаний, которые представлены на стайлборде, зачастую представленный в виде
2-3 экранов главной страницы. Стайлборд содержит в себе название и набор характеристик/принципов.
Сопровождается картинками для визуализации. Картинки - примеры конструкций, шрифтов, цветов, анимационный
слой и слой взаимодействия. Креативная концепция сопровождается рассказом о плюсах и минусах того или иного
решения.
- работа с прообразом будущего проекта
- база, на которой строится дизайн, но не конечный
- определяется общий стиль, настроение, отражающие
суть бренда
- подготавливаются стайлборды с рефами
- перед показом клиенту, необходимо синхронизироваться с
разработкой
- кол-во вариантов зависит от договора

8. 4 Дизайн

Рисуя макеты, дизайнер полагается на прототипы с
позиции содержания. Он может менять конструкцию и
последовательность.
- работа над детализированными макетами, которые
будут использованы для разработки.
- создается визуальное оформление страниц, на основе
утвержденного прототипа и концепции
На данном этапе подключаются QA и frontend для
корректировки процесса во избежании проблем с
разработкой в будущем

9. Спасибо за внимание