Internal review · pick one direction
Mobile commerce template — three directions
Each direction is one self-contained HTML file showing three 390×844 phone screens side by side: Home, Product, Checkout. Built mobile-first to read as a native app. Guest checkout only — no login, no account, no wishlist.
These are templates, not a finished store. All content lives in a single TEMPLATE_CONFIG object at the top of each file — swap the catalog, categories, reviews, FAQ, guarantee and offer wording there and every screen re-renders. Image slots are labelled placeholders; set an image path in the config and the placeholder is replaced automatically. Payment logos are real SVGs.
Decision tool
Card feed with a decision bar pinned to the bottom of the screen — price, CTA and trust line stay in the thumb zone while the feed scrolls behind. Highest information density: every module carries a number, a proof or a mechanism.
Open direction C
Geometric flat
Full-bleed colour bands, one section per plane, no floating cards. Hard edges, zero gradients. The "sealed barrier" motif drawn in pure CSS as concentric rings behind the hero, on step markers and on the guarantee seal.
Open direction A
Editorial premium
Split-column editorial rhythm — a wide image plate alternating with a narrow text measure, hierarchy carried by typography rather than boxes. The quiet, premium end of the range.
Open direction B