Preview image. Unlock full-res
Mobile interface for a blockchain water-management platform using a bright blue vertical timeline with numbered steps and matching icons.
Summary
Mobile interface for a blockchain water-management platform using a bright blue vertical timeline with numbered steps and matching icons.
Visual description
A phone mockup filled with vivid bright blue background. At the top, a white Wacomet logo and menu icon. Below sits a large white sans-serif heading "How it works" with a light blue underline. Five numbered steps fill the card vertically, each with a distinct white icon on the left (circular arrows, plus sign, forward arrow, water droplet, document) paired with a number (1-5) and two-line description in white text on the right. Horizontal dividers separate each step. The entire composition sits on a light gray outer background, emphasizing the rounded-rectangle card.
Key takeaway
The numbered step format paired with distinct, simple icons for instant visual scanning. The single bright color (electric blue) creates strong contrast and personality. The even rhythm of icon, number, and text makes sequential logic immediately clear.
Reuse notes
Ideal for SaaS onboarding, app flows, blockchain or fintech walkthroughs. Works well when the process has discrete stages and each step is equally important. Limit to 5-7 steps to maintain readability on mobile.
