Company: Industrial and Commercial Bank of China, Shenzhen Branch
Project: Online Banking H5
In this project, I explored multiple approaches and revisited the fundamentals of HTML, CSS, and JavaScript to create an H5 page for promoting a financial product with a focus on security. Through this experience, I identified three key aspects essential to H5 development:
Page Design & Asset Slicing This includes UI layout, image slicing, and planning the logic for animation sequences and transitions.
HTML + CSS Structure When building everything manually, domain registration, web hosting, and platform-sharing APIs are also required. Nowadays, many H5 creation tools are available, though they come with limitations—especially in animation effects. Due to the lack of hosting resources, I used Baomitu (爆米兔) as the H5 builder for this demo version.
Cross-Device Testing Multi-device testing is crucial—especially on Android phones, given the wide range of screen sizes in the market. This stage made me truly appreciate the consistency of iOS. Android layouts often require fine-tuning. Recommended design dimensions:
