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

AICodePromptsProjectDesignUi designIdeasWireframeUx designAi promptSketchBusiness