Денис Кортунов Acronis Отличия работы в продуктовой компании и агентстве

1. ДИЗАЙНЕР
В ПРОДУКТОВОЙ
КОМПАНИИ
ДЕНИС КОРТУНОВ
СТАРШИЙ ДИРЕКТОР ПО ДИЗАЙНУ
ЧЕМ ОТЛИЧАЕТСЯ
ОТ ДИЗАЙНЕРА
В СТУДИИ?

2. Успешный самарский веб-дизайнер
$15
баннер
$50
логотип
$150
веб-сайт

3. Студия основана в 2002 году
16
дизайнеров
437
проектов
316
компаний

4. 5 млн
Индивидуальных
пользователей
500
тыс
Корпоративных
клиентов
145
Стран, где продаются
продукты, 15
языковых локализаций
1000
Человек работает
в компании
23
Офиса
в 18 странах
>100
Патентов
Acronis

6. Задачи для дизайнеров
PROD
UCTS MARK
ETING
OTHER
BRAN
D
PR
GRAP
H
ICS
OFFICE
LOGOS
GUIDES
&
KITS
?
EVE
N
TS
HANDOUTS
DOCUMENTATION WEBSITE
PRO
M
O
S
PRINT
UI

7. DENIS
KORTUNOV
YEGOR
GILYOV
DMITRY
BORISENKOV
ALEXANDER
MACHUGOVSKY
GEORGY
PASHKOV
ALEXANDER
OVSYANKIN
SERGEY
NIKISHKIN
IVAN
PROKHOROV
VIKTOR
MOTUZ
YURI
SVISTUNOV
ANNA
GLUSHKOVA
VYACHESLAV
MARKIN
ALIK
VAYNER
SERGEY
LEBEDYANSKY
Business products
ALEXANDER
KUDYMOV
Consumer products Online Marketing
ATI Mac ATI PC
Brand / Print
Отдел дизайна Acronis

8. заказчики
сдать дизайн
экспертиза
ошибки
ресурсы
оригинальность

9. Заказчик — Центр Вселенной

10. Заказчик должен быть счастлив

11. В продуктовых компаниях нет заказчиков

12. Сложно сделать выбор

13. Баланс требований
Чего хочет
бизнес
Чего хочет
пользователь
Решения
в продукте

14. Большая зеленая кнопка
Правильное формулирование задачи

15. Перейти из области Решения в область Задачи
Решение
Задача

16. заказчики
сдать дизайн
экспертиза
ошибки
ресурсы
оригинальность

17. Бог дизайна
Утро
Логотип
День
Сайт
Вечер
Деньги

18. Когда сдал заказчику проект и закрыл договор

19. Personas
User profiles
Sketches
Flow diagrams
Clickable wireframes
User tests
Expert reviews
Hi-fidelity mockups
Clickable animated
prototypes
User tests
Expert reviews
Resources
Detailed specifications
Design reviews
User tests
Expert reviews
Gathering
and analysing
feedback
IMPLEMENTATION
DELIVERING
TO CUSTOMERS
DETAILED
DESIGN
CONCEPTUAL
DESIGN
UNDERSTANDING
CUSTOMER NEEDS
UX процесс

20. IMPLEMENTATION
DELIVERING
TO CUSTOMERS
DETAILED
DESIGN
CONCEPTUAL
DESIGN
UNDERSTANDING
CUSTOMER NEEDS
User tests
Expert reviews
Design reviews
User tests
Expert reviews
Customer feedback
Бесконечный цикл

21. заказчики
сдать дизайн
экспертиза
ошибки
ресурсы
оригинальность

22. Дизайнеры в студии разбираются во всём
Медицина
Вчера
Финансы
Сегодня
Строительство
Завтра

23. Экспертиза
Широкие знания Глубокие знания

24. Не нужно всё переделывать без веских причин

25. заказчики
сдать дизайн
экспертиза
ошибки
ресурсы
оригинальность

26. Умение «продавать» идеи

27. Бекап в один клик
Задача от маркетинга

28. Acronis True Image for Windows

31. Пользовательское тестирование

32. заказчики
сдать дизайн
экспертиза
ошибки
ресурсы
оригинальность

33. Формула студии дизайна
Клиенты Дизайнеры Офис Компьютеры

34. Формула продуктовой компании

35. Доход компании на одного сотрудника в год

36. заказчики
сдать дизайн
экспертиза
ошибки
ресурсы
оригинальность

37. Студии делают уникальный дизайн

38. Единый UX

39. Selection colour:
Dark blue selected
Hover colour:
Dark blue selected 50%
Background colour:
Dark blue
1px line colour:
Medium blue 50%
1px line colour:
Medium blue 50%
1px line colour:
Medium blue 50%
Dark blue
rgb: 0,32,77
#00204d
Light blue
rgb: 232,237,245
#e8edf5 Sidebar
Dark blue selected
rgb: 10,65,135
#0a4187
Black
rgb: 45,49,56
#2d3138
Medium blue
rgb: 179,196,222
#b3c4de
Title. Font: Segoi UI Semibold 22pt. Colour: Black
Background colour:
Light blue
Selection colour:
Medium blue 40%
Hover colour:
Medium blue 20%
1px line colour:
Medium blue 50%
Middle column
Normal
Empty
Dark blue
rgb: 0,32,77
#00204d
White
rgb: 255,255,255
#ffffff
Disabled
Active
Hover &
pressed
Main blue
rgb: 72,117,179
#4875b3
Black
rgb: 45,49,56
#2d3138
Gray
rgb: 147,152,162
#9398a2
Medium blue
rgb: 179,196,222
#b3c4de
White hover
rgb: 214,231,255
#d6e7ff
Border 1px: Medium blue
Fill: White. Text: Black
Border 1px: Medium blue
Fill: White. Text: Gray
Border: Dark blue
Text: Black
Item short
Border 1px: Mail blue
Text: Black. Icon: Main blue
Border 1px: Gray 60%
Text: Gray. Icon: Gray 60%
Border: Medium blue
Fill: White. Text: Black
Border: Dark blue
Text: Black. Icon: Main blue
Border: Mail blue
Text: Black. Icon: Main blue
Border: Gray 60%
Text: Gray. Icon: Gray 60%
Border: Medium blue
Border: Main blue
Fill: White hover 50%
Border: 1px
Border: Gray 60%
Icon: Gray 60%
Item long h...
Item short
Item short
Item long hovered
Item disabled
Item 1
Input
Placeholder
Input
Input
Input
Collapsed menu: minimum width is 128px
Expanded menu: adjust width to fit all items
Maximum height: 320px (show scroll bar if needed)
Text align: left
Left margin: 12px. Right margin: icon’s width
3
4
4
5
Width: 128px
Height: 32px
Border: 1px
Text align: center
3 digits maximum
Quit edit mode if + or - was pressed
link
link
link
Main blue
Blue saturated
Finger cursor
Grey
Normal
Pressed
Hover
Green
rgb: 146,189,17
#92bd11
Green border
rgb: 96,148, 37
#609425
Green hover
rgb: 131,173,0
#83ad00
Green border hover
rgb: 76,127,17
#4c7f11
Orange
rgb: 255,137,0
#ff8900
Red
rgb: 217,44,51
#d92c33
Dark blue selected
rgb: 10,65,135
#0a4187
Blue saturated
rgb: 72,140,211
#488cd3
In 1 hour
In 2 hours
In 4 hours
In 6 hours
Later
Back up now
Normal
Dark blue
rgb: 0,32,77
#00204d
White
rgb: 255,255,255
#ffffff
Disabled
Active
Hover &
pressed
Green
rgb: 146,189,17
#92bd11
Green border
rgb: 96,148, 37
#609425
Black
rgb: 45,49,56
#2d3138
Green hover
rgb: 131,173,0
#83ad00
Green border hover
rgb: 76,127,17
#4c7f11
White hover
rgb: 214,231,255
#d6e7ff
Border 2px: Green border
Fill: Green. Text: White
Border 2px: Green border hover
Fill: Green hover Text: White
50% alpha
Menu border 2px: Dark blue
Menu hover: White hover
Back up now
Back up now
Back up now
Border 2px: Green border
Fill: Green. Text: White
Border 2px: Green border hover
Fill: Green hover. Text: White
50% alphaBack up now
Back up now
Back up nowCancel
Cancel
Cancel
Border 2px: Mail blue
Fill: White. Text: Mail blue
Border 2px: Mail blue
Fill: White hover 50%
50% alpha
Minimum button width: 96px
Text align: center
Left and right margin: 24px
Gray
rgb: 147,152,162
#9398a2
Main blue
rgb: 72,117,179
#4875b3
UI Kit

40. Acronis True Image

41. Логотипы продуктов
� True Image � Backup
� Access � Storage

42. заказчики
сдать дизайн
экспертиза
ошибки
ресурсы
оригинальность

43. Сколько вариантов делать для клиента?

44. МАКЕТ ≠ ДЕНЬГИ

46. Коробки Acronis True Image (1/3)

47. Коробки Acronis True Image (2/3)

48. Коробки Acronis True Image (3/3)

49. Acronis True Image 2015
UNPROTECTED PERSONAL
DOCUMENTS
INCLUDING
PERSONAL PHOTOS
WHOLE
COMPUTER
INCLUDING
MEDIA CONTENT
Choose your protection level
C:UsersYegorDocuments
C:UsersYegorDesktop
C:UsersYegorFavorites
WHAT TO BACK UP DESTINATION LAST BACKUP
576 MB
Acronis Cloud Yesterday
BACKUP NOW
C:UsersYegorPictures
C:UsersYegorVideos
WHAT TO BACK UP DESTINATION LAST BACKUP
55 GB
External HDD Never
RECOVER
BACKUP NOW RECOVER
Acronis True Image 2015 BACKUP SYNC TOOLS
Create new
backup
Add existing
backup
Create bootable
media
Search by file name
My first backup
SUSPEND
Versions
15
Total size
37,31 GB
Disk backup in D:My backups
Cloud backup for documents
BACKUP NOW RECOVER
File backup in Acronis Cloud
Sort by: date created
More
Schedule
Monthly, last day of the month, at 1:00 AM
Last
30 Nov, at 9:55 AM
Trial mode. 9 days remaining. Get full version Enter serial number
Backing up
C:My DocumentsMy Picturesdog.jpg
Time left
2 hours 24 minutes
Speed
4.434 MB/s
Shut down the computer
after completion
Disk Backup
BACKUP NOW CANCELDISK BACKUP OPTIONS
Source Destination
Settings
Schedule
Weekly, on Wednesday
Backup scheme
Incremental
System reserved
Local Disk (C:)
WDC WD5000AAKS-00UU3AO Local storage
Make this media bootable
456.8 GB
Estimated backup size 23.2 GB
0.2 of 0.3 GBNTFS
NTFS 37.7 of 148.7 GB 148.7 of 250 GB
Work disk (G:)
Images (F:)
Hitachi H3D40003254SE 456.8 GB
0.2 of 0.3 GBFAT32
NTFS 37.7 of 148.7 GB
Adult content (X:) NTFS 37.7 of 148.7 GB
Acronis Cloud
D:My backupsSecure Folder
Buy more cloud space
Backup name
My first backup
Acronis True Image 2015
Backup to WD Passport USB
Backup to Acronis Cloud
BACKUP NOW RECOVER
SKIP BACKUP
BROWSE FILES
RECOVER
Backing up: 1 GB of 2 GB
Latest backup: 1 hour ago
You need create bootable media to recover in case of disaster.
It could be flash drive or USB hard drive.
CREATE BOOTABLE MEDIA
CREATE NEW BACKUP find files in your backups
System and Apps Photos Documents Mail Video
Save your time!
Acronis True Image 2015
Select backup disk
Panasonic DVD-R
Insert disk
Acronis Cloud
5 GB Free
Notebook HDD
160 GB Free
WD Passport USB
540 GB Free
SKIP NEXT STEP
NOT RECOMMENDEDNOT RECOMMENDED
Good choice!
Will be enought for backing up all most data for several months. Cleanup will run automatically
as we reach out of space.
ADD DESTINATION
RECOMMENDED RECOMMENDED
Acronis True Image 2015
SKIP BACK START BACKUP
Select data to backup
ADD OTHER THINGS
System and Apps
45 GB
Complete PC (All Data, Windows and Applications)
245 GB
Photos
60 GB
Documents
3 GB
Mail
5 GB
Video
76 GB
Music
32 GB
WD Passport USB
Available 750 GBBackup size 320 GB
Отвергнутые варианты
REJECTED
REJECTED
REJECTED
REJECTED
REJECTED
REJECTED

50. КЕМ БЫТЬ?

51. спасибо!