This work is a mobile application interface and interactive prototype designed for the brand "Ma Jiuxiang Fine Hot Pot" under Shanghai Yingqin Catering Management Co., Ltd. Use Pdtools to draw paper prototype drawings, design pages with UI design tool Sketch as the main tool and PS and AI as auxiliary tools, and use domestic interactive prototype tool Mockingbot (ink knife) to make interactive prototypes. The work adopts the color matching method of red, white and black. The page design is simple but not simple, including 53 pages and more than 100 UI. The main use of gestures are: click, slide, drag and so on.

All the links on the homepage are clicked, and the carousel can be switched to the next one by sliding left. The bottom bar can be switched to the corresponding four modules. In the reservation column, the gender of the reservation holder can be switched, and the scenery map in the big store can be pulled left and right to view different positions. The vertical column mode in the order bar can simulate the order by clicking on the plus sign of the first dish, and the thumbnail mode can simulate the collection by clicking on the asterisk on the "mother coriander pork balls" module in the pill slide dishes. The hotpot pot bottom in more columns is similar to the commodity browsing mode of e-commerce APP. Slide left to the next one. After all cuts are completed, the loading animation will be displayed on the screen. At this time, slide right to reset all cards. In the favorites column, you can drop down the area between tab and the first favorite content to simulate page refresh. After the APP prototype is used, it can be closed as usual without generating running garbage.