Briefly describe the steps of e-commerce system design

Determine the page style

Page style is mainly determined by the product itself, such as the attributes and functions of the product. If the product has no specific style attribute, it can be determined according to the target sales crowd, season, festival or theme activity.

Product and material collection

Pre-shoot the material, sort it out. In the process of design, you should also learn to collect your own material library and make a good backup.

Frame layout frame

According to the content of the copy, combined with the actual product, we can establish an effective layout from the following eight aspects:

Product poster-get attention.

Product attribute function-enhance interest and understand products.

Panorama of products-increasing interest.

Product details display-increase interest and understand the product.

Tap the pain point-bring customers closer.

Test report-building trust.

Advantage of selling point-reflecting product value.

Praise, share and show-further strengthen the desire to buy.

Determine the color scheme

You can directly use the existing visual specifications of the store. If not, it can be extracted from the product itself, or from the Logo, or from the product-related attributes. In the process of color matching, no matter how many colors are used to combine, we should first consider what color to use as the main color.

Select the appropriate font type.

Font is equivalent to a bridge, which is quite important. Mainly used to explain products, convenient for customers to read. At the same time, it also plays a guiding role in important information, and a certain content can be highlighted by matching large and small fonts. When using fonts, there are generally no more than three fonts, so choose the fonts that meet the product positioning; Highlight key parts in bold to deepen the buyer's impression of the information.

The layout of the entire detailed page

How to typeset pictures and copywriting content will test our usual accumulated design level. The simpler the page, the less elements there are, and the refreshing and comfortable page should be left blank. Please refer to excellent cases and learn from them. There is no end to learning, so is the design and typesetting of detail pages. Learn more, summarize more, expand ideas, expand thinking and establish your own design style.

About the design process of the e-commerce product details page, Qingteng Bian Xiao would like to share with you here. If you are interested in page layout, website design and graphic processing, I hope this article can help you. If you want to know more about the materials and skills of graphic design, you can click on other articles on this site to learn.