In the past, I drew these kind of interfaces in Sketch layer by layer, text by text…


Now thinking of a modular method, I decided to improve my way to make this.

Notice that there are several kinds flows of cards in this app, making them to different modules should be a efficiency way.

This video shows that I create a module of card, which contains the info of a shuttle bus, and I use it to finish the interface just in 10 seconds.

The second video shows that I use the modular way to create the flow of contacts.

After trying this, I realize how efficient it is! I should alway keep the modular concept in mind when making a design decision.