Web-side design

I chose DJI Store (store.dji.com) as the topic for this assignment. This website is DJI's official store. Unlike the official website, it is a portal for purchasing DJI products. The functions of the website mainly include understanding and purchasing DJI products, and the app design must also meet the above functions. The picture above shows the design of the current page of the DJI Mall as a raw material for app design. As can be seen, the homepage of the DJI Mall uses a card-style design, and the app design can also imitate this style.

icon design

The following style is used to design an app icon. The design comes from the DJI Store logo design. The app's icon design arranges the two elements vertically, and designs light and dark colors for users to choose from.

interface design

The above is the DJI Store interface design. The interface style incorporates DJI's official website and iOS design specifications. For more design instructions, click on the document below.