Hallo zusammen! Mein Name ist Sergey Mikhailov, bei Tinkoff arbeite ich als Leiter der Akquisitionsdesigngruppe: Ich beschĂ€ftige mich mit internen Services und bin auch fĂŒr die Designkomponente der Kundenakquisitionsabteilung verantwortlich. Ich werde Ihnen sagen, wie schnell wir Seiten mit unserem Konstruktor zusammenstellen.
Wie es jetzt funktioniert
Tinkoff hat ungefĂ€hr 2000 Seiten mit unterschiedlichen Designs und die Attraktionsabteilung ist fĂŒr all diese Seiten verantwortlich. Es besteht aus Abteilungen, die fĂŒr Kartenprodukte, Einzahlungen, Investitionen, Versicherungen, MobilgerĂ€te, Reisen usw. verantwortlich sind.
Alle unsere Seiten bestehen aus Blöcken. Auf der Hauptseite befindet sich beispielsweise eine Kopfzeile, die mit dem Hauptbanner, einem Titel und einer Produktkarte blockiert ist.
Seiten werden in unserem Konstruktor aus Blöcken zusammengesetzt.
Hier ist ein Beispiel fĂŒr einen solchen Block mit Karten:
Es ist bereits eine eingerĂŒckte Logik eingebaut, die es ermöglicht, den Titel auszuschalten oder den Stil der SchaltflĂ€che zu Ă€ndern. AuĂerdem ist die Strecklogik bereits in den Block eingebettet. Beispiel: Ein Block fĂŒr einen 1024-Bildschirm und bei einer Auflösung von 1360 wird der Block gedehnt. So funktionieren alle Blöcke bei uns.
, , â 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, , - , , . .
?
-, - , , : « , ». , . , , . , (, ), . , , .
, . , â . : , , -. - â , .