طراحی سایت با پرامپت | ۶ پرامپت آماده برای طراحان وب

Design a modern and conversion-focused e-commerce website.

Primary goals:
– Present products clearly and attractively
– Build trust and credibility
– Provide a smooth and frictionless shopping experience

Target audience:
– Online shoppers who compare products before purchasing

Website structure:
– Homepage with featured products, categories, promotions, and value propositions
– Product listing pages with filters, sorting options, and clear product cards
– Product detail pages including images, pricing, specifications, benefits, and reviews
– Shopping cart and checkout flow optimized for simplicity and speed

UX requirements:
– Clear user flow from product discovery to checkout
– Minimal steps to complete a purchase
– Strong visual cues for calls-to-action
– Fully responsive design for mobile, tablet, and desktop

Visual style:
– Clean, modern, and trustworthy design
– Consistent color palette aligned with brand identity
– Clear typography for product information and pricing

Technical considerations:
– SEO-friendly structure
– Scalable layout suitable for large product catalogs
– Ready for implementation with modern frontend frameworks or CMS platforms

The design should prioritize usability, performance, and conversion optimization.

Design a modern and conversion-focused e-commerce website.

Primary goals:
– Present products clearly and attractively
– Build trust and credibility
– Provide a smooth and frictionless shopping experience

Target audience:
– Online shoppers who compare products before purchasing

Website structure:
– Homepage with featured products, categories, promotions, and value propositions
– Product listing pages with filters, sorting options, and clear product cards
– Product detail pages including images, pricing, specifications, benefits, and reviews
– Shopping cart and checkout flow optimized for simplicity and speed

UX requirements:
– Clear user flow from product discovery to checkout
– Minimal steps to complete a purchase
– Strong visual cues for calls-to-action
– Fully responsive design for mobile, tablet, and desktop

Visual style:
– Clean, modern, and trustworthy design
– Consistent color palette aligned with brand identity
– Clear typography for product information and pricing

Technical considerations:
– SEO-friendly structure
– Scalable layout suitable for large product catalogs
– Ready for implementation with modern frontend frameworks or CMS platforms

The design should prioritize usability, performance, and conversion optimization.

Design a professional corporate website for a B2B company.

Primary objectives:
– Build trust and credibility
– Clearly communicate services and expertise
– Encourage users to contact the company

Target audience: business owners, managers, and decision-makers.

Website structure:
– Homepage with a clear value proposition and brand message
– Services pages explaining offerings, benefits, and use cases
– About us page highlighting company mission, vision, and experience
– Contact page with strong call-to-action elements

UX requirements:
– Logical and simple navigation
– Clear information hierarchy
– Easy access to contact actions across the site

Visual style:
– Modern, professional, and clean design
– Consistent brand colors and typography
– Balanced use of whitespace

Technical requirements:
– Fully responsive layout
– SEO-friendly structure
– Suitable for modern frontend frameworks or CMS platforms

Design a professional corporate website for a B2B company.

Primary objectives:
– Build trust and credibility
– Clearly communicate services and expertise
– Encourage users to contact the company

Target audience: business owners, managers, and decision-makers.

Website structure:
– Homepage with a clear value proposition and brand message
– Services pages explaining offerings, benefits, and use cases
– About us page highlighting company mission, vision, and experience
– Contact page with strong call-to-action elements

UX requirements:
– Logical and simple navigation
– Clear information hierarchy
– Easy access to contact actions across the site

Visual style:
– Modern, professional, and clean design
– Consistent brand colors and typography
– Balanced use of whitespace

Technical requirements:
– Fully responsive layout
– SEO-friendly structure
– Suitable for modern frontend frameworks or CMS platforms

Design a high-conversion landing page for a digital product or service.

Primary goal:
– Drive users toward a single, clearly defined action (sign up, purchase, or download).

Target audience:
– Users who are problem-aware and comparing solutions.

Page structure:
– Hero section with a compelling headline, supportive subheadline, and primary call-to-action
– Clear value proposition explaining the main problem and solution
– Benefits-focused section highlighting outcomes rather than features
– Social proof section including testimonials, ratings, or trust indicators
– Objection-handling section (FAQs or reassurance content)
– Final call-to-action reinforcing urgency and value

UX considerations:
– Focused layout without unnecessary navigation or distractions
– Strong visual hierarchy guiding attention toward conversion points
– Mobile-first responsive design
– Fast loading and performance-optimized layout

Visual style should communicate clarity, trust, confidence, and urgency while remaining consistent with brand identity.

Design a high-conversion landing page for a digital product or service.

Primary goal:
– Drive users toward a single, clearly defined action (sign up, purchase, or download).

Target audience:
– Users who are problem-aware and comparing solutions.

Page structure:
– Hero section with a compelling headline, supportive subheadline, and primary call-to-action
– Clear value proposition explaining the main problem and solution
– Benefits-focused section highlighting outcomes rather than features
– Social proof section including testimonials, ratings, or trust indicators
– Objection-handling section (FAQs or reassurance content)
– Final call-to-action reinforcing urgency and value

UX considerations:
– Focused layout without unnecessary navigation or distractions
– Strong visual hierarchy guiding attention toward conversion points
– Mobile-first responsive design
– Fast loading and performance-optimized layout

Visual style should communicate clarity, trust, confidence, and urgency while remaining consistent with brand identity.

Create a comprehensive UI and UX design for a modern website or web application.

UX objectives:
– Define a clear and logical user flow from entry points to goal completion
– Minimize cognitive load through progressive disclosure
– Ensure accessibility compliance and inclusive design principles
– Optimize usability for both first-time and returning users

UI objectives:
– Design a scalable and consistent design system
– Create reusable UI components with clear states (default, hover, active, disabled)
– Establish a balanced color palette and typography hierarchy

Interaction design:
– Clear feedback for user actions
– Smooth and intuitive interactions
– Predictable navigation patterns

The design should be responsive, future-proof, and suitable for long-term product evolution.

Create a comprehensive UI and UX design for a modern website or web application.

UX objectives:
– Define a clear and logical user flow from entry points to goal completion
– Minimize cognitive load through progressive disclosure
– Ensure accessibility compliance and inclusive design principles
– Optimize usability for both first-time and returning users

UI objectives:
– Design a scalable and consistent design system
– Create reusable UI components with clear states (default, hover, active, disabled)
– Establish a balanced color palette and typography hierarchy

Interaction design:
– Clear feedback for user actions
– Smooth and intuitive interactions
– Predictable navigation patterns

The design should be responsive, future-proof, and suitable for long-term product evolution.

Generate a complete website structure, user flow, and low-fidelity wireframe.

Objectives:
– Define clear page hierarchy and content relationships
– Map user journeys from entry points to primary and secondary goals
– Identify key interaction points and decision-making moments

Wireframe requirements:
– Low-fidelity, layout-focused wireframes
– Clear separation of content sections
– Logical grouping of elements based on user priorities

User flow requirements:
– Simple and intuitive navigation paths
– Reduced friction between steps
– Support for multiple user intents

The output should be suitable for further UI design, prototyping, and frontend development.

Generate a complete website structure, user flow, and low-fidelity wireframe.

Objectives:
– Define clear page hierarchy and content relationships
– Map user journeys from entry points to primary and secondary goals
– Identify key interaction points and decision-making moments

Wireframe requirements:
– Low-fidelity, layout-focused wireframes
– Clear separation of content sections
– Logical grouping of elements based on user priorities

User flow requirements:
– Simple and intuitive navigation paths
– Reduced friction between steps
– Support for multiple user intents

The output should be suitable for further UI design, prototyping, and frontend development.

Generate production-ready, semantic HTML and CSS for a responsive website layout.

Technical requirements:
– Use semantic HTML5 elements for structure and accessibility
– Responsive layout implemented using CSS Grid and Flexbox
– Mobile-first approach
– No external CSS frameworks
– Clean, modular, and well-documented code

CSS requirements:
– Logical class naming convention
– Reusable layout and component styles
– Scalable structure suitable for large projects

Code quality:
– Readable and maintainable
– Optimized for performance
– Easy to extend in future development phases

The output should be ready for integration into modern frontend workflows.

Generate production-ready, semantic HTML and CSS for a responsive website layout.

Technical requirements:
– Use semantic HTML5 elements for structure and accessibility
– Responsive layout implemented using CSS Grid and Flexbox
– Mobile-first approach
– No external CSS frameworks
– Clean, modular, and well-documented code

CSS requirements:
– Logical class naming convention
– Reusable layout and component styles
– Scalable structure suitable for large projects

Code quality:
– Readable and maintainable
– Optimized for performance
– Easy to extend in future development phases

The output should be ready for integration into modern frontend workflows.