Article Details

Title · Authors · Abstract · Keywords · DOI · References

Research on Scenario-Specific Lightweight Neumorphic Design for an E-Commerce System Built with Spring Boot and Vue

DAI Weijing, ZHOU Yonghui

(School of Big Data and Computer Science, Guizhou Normal University, Guiyang 550025, China)

Section：Information Application · Vol. 2026, Issue 17 · Pages：102-109 · 2096-4706（2026）17-0102-08 · CLC number：TP311.5 · Document code：A · DOI：10.19850/j.cnki.2096-4706.2026.17.019

Abstract

To address the problems of insufficient contrast, blurred visual hierarchy and reduced readability of the neumorphic style in core transaction scenarios of E-Commerce Systems, this study builds a front-end and back-end separated e-commerce system prototype based on the Spring Boot, MyBatis and Vue frameworks. According to the functional differences between display scenarios and transaction scenarios, a scenario-based lightweight design strategy is proposed, and interface components such as card containers, interactive buttons and input boxes are redesigned and optimized with neumorphic principles. The user experience evaluation results show that, while ensuring system usability, operational clarity and business process integrity, the strategy improves interface aesthetics and enhances users' trust in the platform. Functional testing further verifies the correctness of the implementation of the main functions of the prototype system, providing a reference for the interface design of E-Commerce Systems.

Keywords

neumorphism; E-Commerce System; Spring Boot; Vue; user experience

References

  1. [1] Geng Qingyang Design and Implementation of Electronic Mall Based on Spring Boot and Vue [D]. Xi'an: Xi'an University of Petroleum, 2020
  2. [2] Wu Yue The Visual Application of Minimalism in E-commerce Design [J]. Shanghai Packaging, 2023 (11): 166-168
  3. [3] Chavan A M，Ranjan A K，Ilorkar V，et al. The Effect of Eye-Tracking Based Neuromarketing on the E-Commerce Conversion Rates: A Multidisciplinary Study of UI Optimization, Team Capability, and ROI [J].Journal of Advance and Future Research，2025，3（12）：524-541.
  4. [4] Don't worry Research on UI Design of Light Mimicry under the Promotion of New Mimicry Style [J]. Art Review, 2023 (32): 65-68
  5. [5] Wang Juanjuan Design of Music Interaction Interface Based on New Mimic Style [D]. Urumqi: Xinjiang Academy of Arts, 2021
  6. [6] Mu D Y，Huang Y Q，Wang Y Z，et al. Neumorphic or Flat? Impact of Icon Depth on User Attention and Visual Search Efficiency [J/OL].International Journal of Industrial Ergonomics，2022，89：103281.10.1016/j.ergon.2022.103281.
  7. [7] Xue Nannan, Zhang Wei, Zhong Huayu, etc Design and Implementation of Accident Report Database System Based on SpringBoot+Vue [J]. Computer Simulation, 2025, 42 (7): 456-462570
  8. [8] Li Yang Design and Implementation of SSM Framework in Web Application Development [J]. Computer Technology and Development, 2016, 26 (12): 190-194
  9. [9] Ouyang Hongji, Ge Meng, Cheng Haibo Research on the Application of MyBatis Framework in Data Persistence Layer [J]. Microcomputer Applications, 2023, 39 (1): 73-75
  10. [10] Wang Sichen, Li Lin Design and Implementation of E-commerce Management Platform Based on Vue.js [J]. Modern Information Technology, 2021, 5 (14): 13-15, 20
  11. [11] Kang Shanshan, Liu Li, Tian Ling, etc Development of Laboratory Management System Based on Front end Framework Vue.js [J]. Laboratory Research and Exploration, 2023, 42 (3): 281-284318
  12. [12] Guo Jianwei Design and Implementation of a Quantitative Assessment System for Student Moral Education Based on SpringBoot+Mybatis+Vue [J]. Modern Information Technology, 2023, 7 (1): 18-22
  13. [13] Chen Yushan, Li Ruohui Research on Graphic Visual Elements under the New Mimic Design Style [J]. Art Education Research, 2020 (14): 73-74
  14. [14] Norman D A. The Way I See It: Signifiers, Not Affordances [J].Interactions，2008，15（6）：18-19.
  15. [15] LiliShop. LiliShop B2B2C Mall System [EB/OL]. [2022-04-03] https://github.com/lilishop/lilishop.
  16. [16] Han Guanghua, Fan Bo The Impact of Semantic Differences in Likert Scale on Scientific Measurement [J]. Technological Progress and Countermeasures, 2017, 34 (20): 1-6

Funding

Guizhou Province Science and Technology Plan Project (Qiankezhongyindi [2022] 4055); Natural Science Research Funding Project of Guizhou Provincial Department of Education (Qianjiaoji [2023] 011); Qiankehe Platform Talent (BQW [2024] 015)

About the authors

Dai Weijing (2000-), male, Zhuang ethnicity, from Liuyang, Hunan, master's student, research interests include information system design and financial time series; Zhou Yonghui (1970-), male, Han ethnicity, from Yilong, Sichuan, professor, doctoral student, research interests include game theory and financial mathematics and big data finance.