Prompt Details
Model
GPT-5
Example input
[number of variations]: 3 [type of app/page]: E-commerce product page [device focus]: Web [section priority]: CTA button
Example output
Here are **3 clean ASCII-style low-fidelity wireframe ideas** for an **E-commerce product page (Web)**. Each includes the required sections with special attention to making the **CTA button** stand out clearly. --- ### **Wireframe 1 – Classic Product Focus** ``` -------------------------------------------------- | HEADER (Logo + Nav) | -------------------------------------------------- | HERO: Product Image | | [ Large Product Photo Here ] | -------------------------------------------------- | Product Title | Price | [BUY NOW CTA] | -------------------------------------------------- | Product Description / Details | | - Features | | - Specifications | -------------------------------------------------- | Related Products / Recommendations | -------------------------------------------------- | FOOTER | -------------------------------------------------- ``` **Notes:** * **Header**: Contains site logo, nav links (Home, Categories, Cart). * **Hero**: Large product image area is central. * **CTA button**: "BUY NOW" is placed prominently next to price. * **Content block**: Description and specifications give details below. * **Related Products**: Keeps users exploring if not ready to purchase. * **Footer**: Company info, policies, and support. --- ### **Wireframe 2 – Split Screen Emphasis** ``` -------------------------------------------------- | HEADER (Sticky Nav) | -------------------------------------------------- | LEFT SIDE (Product Image) | RIGHT SIDE | | [ Big Image / Gallery ] | Product Title | | | Price | | | [ ADD TO CART ] | | | [ BUY NOW CTA ] | | | Short Summary | --------
Preview Output Generated by This Prompt
Tags and categories