Bonjour à tous! Je m'appelle Sergey Mikhailov, chez Tinkoff je travaille en tant que chef du groupe de conception d'acquisition: je m'occupe des services internes, et je suis également responsable de la composante conception du service d'acquisition de clients. Je vais vous dire comment nous assemblons rapidement des pages à l'aide de notre constructeur.
Comment ça marche maintenant
Tinkoff a environ 2000 pages avec des designs différents et le département des attractions est responsable de toutes ces pages. Il se compose de divisions responsables des produits de cartes, des dépÎts, des investissements, des assurances, du mobile, des voyages, etc.
Toutes nos pages sont constituĂ©es de blocs. Par exemple, sur la page principale, il y a un en-tĂȘte, des blocs avec la banniĂšre principale, avec un titre et une fiche produit.
Les pages sont assemblées à partir de blocs dans notre constructeur.
Voici un exemple d'un tel bloc avec des cartes:
Il a déjà une logique en retrait intégrée, la possibilité de désactiver le titre ou de changer le style du bouton. De plus, la logique d'étirement est déjà intégrée au bloc. Par exemple, un bloc pour un écran de 1024 et à une résolution de 1360, le bloc s'étirera. C'est ainsi que tous les blocs fonctionnent pour nous.
, , â CMS. â , .
. 2 . , .
, , , , â .
. , , â , -.
, . , «». .
, .
2016 : « â . , ?».
, 0. , . . , 1.0.
, - , , , . , , , , . 2.0.
, Material Design. , - -, . , .
:
. , - , , .
, . , , «», .
.
, , - . , . , , , User Story Mapping. .
3.0.
: , , , , . , (, ) «» â . . .
, , , -, . â . . , , .
, , , , â , - , - .
. -, , . -, â : « », , , .
::
. .
.
- , - .
, , . , : « », , , , , .
, , , , , , . â . , - , . .
- , «», , , . , .
:
â , , product owner.
â .
â .
â , .
- â , (, , ).
â .
, , . . -, - . , Figma , - Figma . , :
, , Figma , - figma- , . , , .
:
. , .
. , , Figma, . , , , . , - figma-, , . , .
. , , . , , , , .
. , , - â - -.
.
.
, :
, -, .
. .
. Figma , , , .
.
? -, . , , - . , , , , .
: , , , ; Figma . ( â PDF Figma, ).
. - , Figma, , , .
: , . , .
?
, ( ), . , : « ». , , , . , :
, , â . . .
, . Figma , , , , UI . , . .
Multistory, .
Multistory , , , , , .
, , .
RealStory. , (, ), , . : .
, -, . , . - , - .
, , - , â : , . .
, , . , , , , , .
Notion, , - , , . .
?
-, - , , : « , ». , . , , . , (, ), . , , .
, . , â . : , , -. - â , .