On this page you will find all example prompts from the book Creating Websites with AI. The prompts are accessible via short links such as bnfr.de/ai001 and are available here for direct copying. You are free to use the prompts with any LLM. The foundation for virtually all prompts is the MARE Principle for effective prompts.
Clicking the button at the bottom right of each prompt copies the respective text directly to your clipboard. Here you can jump directly to the prompts for each chapter:
- Introduction: Your Guide to Website Success
- Step 0: What AI Can Do and What You Should Know About It
- Step 1: Planning the Route – Identifying Goals and Target Audiences
- Step 2: Choosing the Best Tools
- Step 3: Determining the Optimal Website Structure
- Step 4: Design Meets Code
- Step 5: Efficiently Creating Content That Inspires
- Step 6: Testing and Optimizing
- Step 7: Promoting and Spreading the Word About Your Site
Introduction: Your Guide to Website Success
Overview of AI tools for website creation | ai085
I want to create a small website to publish information about my business. To do this, I am looking for an overview of AI tools that can help me with the implementation.
Create a clear list of AI tools that cover the following tasks: conception, wireframes, sitemap, content planning, copywriting, image creation, SEO optimisation, colour scheme creation and design suggestions, as well as responsive design. The tools should preferably be free or inexpensive.
The overview should be presented as a simple list that briefly describes the tools and indicates which of the tasks mentioned they can cover.
The list could look like this:
Tool name: Brief description | Areas of application | Price (e.g. free or price range).
Act as an expert in AI-supported web development who knows all the currently relevant tools and describes them in an easy-to-understand way.
Cost estimate Websites | ai084
I would like to create a well-founded plan for the implementation of five websites. The aim is to realistically estimate the necessary resources, time and costs in order to implement the projects efficiently.
Analyse the requirements and create a table containing the following information: estimated number of HTML pages per website, estimated number of images, which should preferably be created using AI (and, if necessary, through traditional photo shoots), as well as the effort required for conception, design and implementation in days. Add a total cost estimate in euros.
The end result should be a table in the following format:
Name of site | HTML pages | Total number of AI-generated photos | Total number of real photos | Concept development time [days] | Design time [days] | Programming/implementation time [days] | Costs [€]
The table should be delivered in a precise, clear format and contain practical, comprehensible figures.
Act as an experienced project manager in an agency that implements dozens of small and medium-sized websites every year at very reasonable prices. Use your expertise to provide realistic and cost-effective recommendations.
Step 0: What AI Can Do and What You Should Know About It
MARE | ai089
Motivation: I am working on a blog post on the topic of "Writing blog posts with AI" for my website, where I advertise my seminars on the topic.
Ask: Create a draft for it.
Result: The finished text should be about 600 words long.
Example: Here is a sample text that clarifies how the reader is addressed and the level of language used: "What is good documentation? Documentation that is read in its entirety? Hardly. There are many possible definitions, but one of the most convincing is: good documentation is documentation that helps. And what helps the reader? That's not so easy to answer. This brings us to the really difficult question […]"
Role: You are an experienced social media editor who knows exactly which topics interest the target group of content marketing professionals.
Xtra information: I have already covered topics such as editing with AI, topic finding with AI and target group research with AI in recent posts.
Step 1: Planning the Route – Identifying Goals and Target Audiences
Work out the goal definition | ai005
Motivation: I want to create a website that specifically supports the strategic business goals of the operators – be it strengthening the brand, increasing customer loyalty or direct sales. To do this, I want to clearly define these overarching goals before we begin with the detailed design.
Task: Ask me one question after another to fully identify the strategic goals of the website. Make sure you distinguish between goals (e.g. customer loyalty) and means (e.g. provision of information) and, if necessary, give me examples to help me formulate them clearly. If necessary, give me examples or food for thought to help me formulate my goals clearly. For now, we are only concerned with the goals of the operators. We will leave the target group and their wishes aside for the time being.
Result: At the end of the question and answer session, there should be a concise summary that contains all the important goals of my website and serves as a basis for the concept.
Example: An example of an overarching goal could be: "Strengthen the brand by increasing visitors' trust in the company." An example of a means to this end could be: "Present testimonials and case studies on the website."
Role: You are an experienced concept developer with a focus on strategic website development who asks questions in an understanding manner and provides support with examples. Always ask questions to make everything as concrete as possible.
Target group definition | ai006
I am planning to create a website for the hair salon "Haarte Zeiten Hamburg". The salon offers quick, affordable haircuts for men who value efficiency and fair prices. Help me define the target group more precisely. What specific characteristics and demographic features could this target group have?
Prepare interview questions | ki_008
Motivation: I plan to conduct interviews with people who have experience with online fitness courses or on-site group courses to better understand their perspectives and needs. The goal is to design an excellent website that offers such services.
Task: Create a list of 10 to 20 specific interview questions that target the following topics:
Experiences with online fitness courses
Experiences and impressions of on-site group courses
Motivations and reasons for choosing a provider
Suggestions and requests for improving the offerings
Result: The questions should be precise, open-ended and neutral in order to encourage honest and detailed answers. They should focus as much as possible on specific experiences rather than future, theoretical wishes.
Example: Here is an example of the style and level of detail: "What did you particularly like about your last online fitness course?"
Conversation with a person from the target group | ki_009
You are a simulated version of a person based on information from an interview I conducted with real users. I have uploaded this as a file. Respond as accurately as possible using information from the interview. If relevant information is not available, state this honestly and do not speculate. The aim of the conversation is to gain insights into the person’s most important needs, preferences and challenges. Start the conversation with: "Hello, I’m [name]. What would you like to know about me?" Make sure your answers mimic the tone and style of the person interviewed in terms of language, statements and style.
If you cannot find any information about a question in the data, respond with: "This information is not available."
Research experiences Target audience | ai010
Motivation: I am working on market research for a fitness website. It offers online fitness videos and on-site group courses (e.g. running groups, outdoor training or ice skating workshops). The aim is to understand the experiences, needs and problems of potential users in order to tailor the website to them in the best possible way.
Task: Create a comprehensive analysis based on real experience reports found on the web and trends covering the following aspects:
Advantages and challenges of online fitness courses
Strengths and appreciated aspects of local group courses
Typical motivations for attending fitness courses
Annoyances and unmet needs of participants
Result: The finished analysis should be approximately 1,000 words long and list the best sources with URLs.
Example: Exercisers appreciate the combination of online and on-site classes, mainly because of the flexibility in terms of time. This allows them to catch up on training sessions if they have missed the face-to-face session (source: www.fitnessbeispielsite.de).
Competitor analysis | ai011
Motivation: I want to know how my website compares to similar hairdressing salons in order to identify strengths, weaknesses and areas for improvement. The focus is on a service for men that offers quick, affordable and uncomplicated haircuts without any frills.
Task: Create a competitive analysis for hairdressing salons with a similar focus. Analyse up to five websites of salons that emphasise efficiency, fair prices and minimalist web design. Identify strengths, weaknesses and unique selling points, and develop specific suggestions for improving my website.
Result: Deliver the results in a table with the following columns: Competitor (name/URL), strengths, weaknesses, unique selling points, suggestions for improvement.
Example: The analysis should be precise, understandable and without superfluous details. Example: "Clearly structured website without unnecessary content – weakness: no photos from the shop."
Create a website plan with Konzeptor | ai012
Create a website plan. I have uploaded all the information I have on this to you. Analyse the uploaded documents thoroughly and answer all the questions you need answered in order to create an outline. Only ask questions if you cannot find the answer in the documents. When you are finished, output the website plan.
Create a website plan with Konzeptor | ai068
Motivation: I am planning to create a website for the hair salon „Haarte Zeiten Hamburg“. The website should convey a down-to-earth, honest atmosphere and focus on essential information (e.g. opening hours, address, photos of the salon, customer reviews). Additional features such as appointment bookings or a blog are not desired. The goal is a minimalist, yet appealing and functional website.
Ask: Create an estimate for the time and cost of the website in the areas of conception, design, programming and project management. Break each area down into realistic sub-steps, e.g. for conception into target group analysis, structure planning, etc. Add a column to the table for the respective deadline for each step, starting from a start date of X.X.2026.
Result: At the end, I expect a detailed table with the following information:
- Breakdown of steps per area (e.g. conception, design, programming, project management)
- Estimated time required (in hours) and hourly rate per step
- Total costs per step and area as well as total project costs
- End date for each step, based on realistic work scheduling
Example:
Area | Step | Time required (h) | Hourly rate (£) | Costs (£) | Deadline
Concept | Target group analysis | 5 | 90 | 450 | 0.0.2026
Structure planning | 5 | 80 | 400 | 00.00.2026
Role: You are an experienced project manager and web developer who creates realistic and easy-to-understand time and cost estimates.
Website analysis | ai013
Thoroughly analyse the website https://www.presentandcorrect.com and the competition for it. Then create a website plan step by step that describes the goals of the site in detail. It should correspond to the content and structure of the uploaded file.
Template Website Outline Download
Step 2: Choosing the Best Tools
Research current providers | ai043
Motivation: I want to understand the differences between AI website builders (e.g. Wix, Jimdo), no-code platforms (e.g. Webflow, Squarespace) and low-code tools in the context of website creation in order to find the best options for implementing a simple website.
Task: Compare the platforms mentioned and other important ones in terms of required prior knowledge, flexibility, design and customisation options, and typical use cases. Also search the web for current recommendations for my use case. Focus exclusively on website creation; tools for app development or database integration or automation are irrelevant.
Result: A precise, clear analysis of the differences and similarities between the individual providers, structured according to the criteria mentioned (prior knowledge, flexibility, design and customisation options, typical use cases). The comparison should be in the form of a list or table so that the most important points are visible at a glance, but all the information I need to make my decision is included.
Step 3: Determining the Optimal Website Structure
Determine content and functions | ai014
Motivation: I am in the process of designing a website for Bistro Verde in Oldenburg. I need a simple and clear list that shows everything that should be included on the website in terms of content and functions. In general, the site should convey the atmosphere and values of the café, appeal to potential guests and present all important information in a clear and appealing way. The website should reflect the bistro's philosophy – healthy, sustainable, inclusive.
Task: Create a simple, one-dimensional list with the relevant content and functions for the website. Only the points should be listed, without further explanations, categories or notes on design and programming.
Result: At the end of the process, I would like to have a one-dimensional list of the content and functions of the website.
Example: The result should look something like this:
Opening hours
Menu
Photos
Location with link to Google Maps
Card sorting | ai017
Motivation: I want to explore how a potential customer interested in fitness classes on a fitness trainer's website would structure content. The goal is to find out how the information offered can best be grouped and named so that it is clear and understandable.
Task: Put yourself in the shoes of someone looking for fitness classes. Take the following list of terms and group them in the way that makes the most sense to you as a potential customer. Create as many groups as you think appropriate and give these groups meaningful, descriptive names. Finally, present the groups and assign each term to the appropriate category. Check whether the names are good and appropriate and whether they are also used by other websites in this area. Then check whether the given terms are good and appropriate and whether they are used in this way. If not, add a better alternative in brackets.
Result: A structured list of groups and the assignment of each term to a group.
Example: The result should look like this:
Courses for beginners: Yoga Basics, Pilates Beginners
Advanced fitness: HIT (better: High-Intensity Training HIT), CrossFit
Wellness: Massages, Meditation
Role: You are a potential participant exploring fitness offerings on a website and sorting the information in the way that would be most helpful to you.
The terms to be sorted:
…
Draw a sitemap | ai067
Motivation: Develop a user-friendly and concise sitemap based on my description. The structure should be clear and efficient for users.
Task: Create a tree diagram that visualises the structure of the website. Use tools to display the diagram directly here.
Result: A tree diagram that shows a clearly defined and intuitive sitemap. The sitemap should correspond to a hierarchical tree, with main pages as roots and subpages as branches.
Role: You are an information architect who specialises in user-centred information structures.
Additional information: {Terms or names of the pages to be created}
Structure wireframe or scribble | ai059
Motivation: I want to create a wireframe for the home page of the "Fit-mit-Frieder-und-Fabi" team's website in Berlin. I want to develop a user-friendly, motivating and clear home page that clearly presents the most important information such as course schedules, training locations, trainer profiles and customer reviews. The page should also be visually appealing and tailored to the needs of the target audience.
Task: Create a list of all elements that should be included in the wireframe and make suggestions on how these elements could be arranged to ensure intuitive user guidance and an appealing design.
Result: A detailed list of the necessary wireframe components with brief descriptions of their function and specific suggestions for their placement on the page. The result should serve directly as the basis for the sketchy creation of a wireframe.
Example: The result could include elements such as a header area with logo and navigation, a centrally placed course schedule with clear call-to-action buttons, and a section with trainer profiles (including image and brief description). Supplemented by suggestions for placement, e.g.: "Hero area in the upper third with informative text about the company and background image." The design should be based on a clearly structured and easily understandable layout.
Role: You are an experienced UX/UI designer who develops creative and user-friendly solutions for wireframes.
Create wireframe | ai060
Motivation: I want to create a wireframe for an HTML page.
Task: Write HTML code that creates a visualisation as a wireframe.
Result: The HTML code should be minimalistic and clearly structured. It should contain rectangles as placeholders for images, represented by two intersecting diagonal lines from corner to corner (X-shape, as is common for wireframes). Consider where text would be useful and insert "Lorem ipsum" text of appropriate length for the text blocks. Use only black, white and shades of grey.
Additional information: {Description of the wireframe and elements}
Card sorting | ai017
Motivation: I want to explore how a potential customer interested in fitness classes on a fitness trainer's website would structure content. The goal is to find out how the information offered can best be grouped and named so that it is clear and understandable.
Task: Put yourself in the shoes of someone looking for fitness classes. Take the following list of terms and group them in the way that makes the most sense to you as a potential customer. Create as many groups as you think is appropriate and give these groups meaningful, descriptive names. Finally, present the groups and assign each term to the appropriate category. Check whether the names are good and appropriate and whether they are also used by other websites in this field. Then check whether the given terms are good and appropriate and whether they are used in this way. If not, add an alternative in brackets that would be better.
Result: A structured list of groups and the assignment of each term to a group.
Example: The result should look like this:
Courses for beginners: Yoga Basics, Pilates Beginners
Advanced fitness: HIT (better: High-Intensity Training HIT), CrossFit
Wellness: Massages, Meditation
Role: You are a potential participant exploring fitness offerings on a website and sorting the information in the way that would be most helpful to you.
The terms to be sorted:
…
Step 4: Design Meets Code
Brand development | ai046
Motivation: I want to create a website that clearly defines my brand, appeals to my target audience and convincingly presents my unique selling points. The focus is on integrating my values and special features into the design and content of the website. But first, I just want the brand concept, not tips on how to implement the site.
Task: Help me develop a brand that authentically reflects my salon and my values and sets me apart from the competition. Answer the right questions and use this as a basis to develop a very concise brand image. Consider:
Brand identity: What makes my brand special? What values, emotions and personality should it convey?
Target group: Who are my ideal customers? What are their needs and expectations?
Differentiation: What distinguishes my brand and my website from others in my industry?
Target group perspective: What do existing customers appreciate about me/my company?
Then review the values you have identified. Are they specific and unique? If they are too generic, refine them based on the information provided. Be sure to avoid generalities such as "authentic," "professional," "inspiring" or "sustainable."
Result: Focus entirely on the following, without including the intermediate considerations:
Brand strategy: briefly summarised brand values, a core statement and emotional appeal
Design recommendations: colours, typography, imagery that reflect my brand
Role: You are a brand strategist. Your task is to use my information and answers to develop concrete proposals for the brand, which will then help me define the design for the website in the next step.
Additional information: {brief description of the site, target group, etc.}
Plan mood board | ai047
Motivation: I want a mood board that combines visual elements such as colours, images and fonts to convey a clear brand identity and mood as a basis for designing a website.
Task: Create such a mood board. Ask for more information if you need it before responding.
Result: The result is a mood board with:
3 to a maximum of 5 sample photos
A suitable colour palette with 4 to a maximum of 6 colours
a list of 2 fonts that match the desired mood
Additional information: {brief description of the site, target audience, etc.}
Logo brainstorming | ai049
Motivation: I want six very different logo ideas that reflect the company's identity and values.
Task: Create six logo ideas based on the additional information about the company. The designs should include different styles, colour palettes and visual concepts that appeal to the company and its target audience.
Result: The end result should be six clear and describable logo ideas, each with a brief explanation of why they suit the company. The proposals should offer variations in style (e.g. minimalist, playful, modern), colour and typography.
Example:
Clean lines, geometric shapes, black and white colour palette. Conveys professionalism and elegance.
Bright colours, hand-drawn elements, soft typography. Conveys a welcoming and creative feel.
Cool colours (blue and silver), futuristic font, abstract symbolism. Suitable for a technology-oriented company.
Earth tones, organic shapes, natural typography. Conveys a connection to nature.
Muted colours, vintage font, classic emblem design. Evokes nostalgia and authenticity.
A unique illustration that directly represents the company, e.g. a specific symbol that reflects the brand.
Role: You are a creative graphic designer who develops innovative and versatile logo ideas. You always take the company's values and target audience into account and explain each proposal in a clear manner.
Additional information: {Details about your company, the target audience, your values and possibly colours and fonts}
Logo implementation with Dall-E | ai050
Okay, now create a landscape image that shows a 3 × 2 grid, each with a variant featuring a square logo based on your suggestion with the number 1.
Logo implementation with Midjourney, Stable Diffusion, Firefly | ai070
Minimalistic square logo with a clearly recognisable haircutting scissor, simplified geometric shapes, bold use of copper-orange as accent colour on a deep midnight blue background, clean alignment, reduced details, strong emphasis on symmetry and balance, high-quality vector style – no text, details, shadows
Style guide – Create specifications from the mood board | ai053
Motivation: Analyse the uploaded mood board to create a style guide for website design. The aim is to create consistent and inspiring design specifications.
Task: Analyse all aspects of the mood board and create a style guide that includes colour scheme, typography, imagery, layout guidelines and examples of specific applications. If information is missing, ask specific questions.
Result: A comprehensive, structured style guide in informal language that contains all important design aspects and is illustrated with visual examples.
Example: The style guide should include colours with HEX codes, specific fonts with size specifications, design principles for visual language, layout standards and example applications (e.g. navigation and buttons).
Role: You are an experienced web designer who provides professional and creative support in the creation of design guidelines.
Create style guide HTML | ai054
Convert all information into a style guide in HTML based on Bootstrap. Use the fonts defined in the style guide for formatting throughout and ensure good readability, especially good contrast of all text against the respective background. Check the result and add anything that is still missing for a professional style guide. However, stick strictly to the information you have collected so far and do not change anything.
HTML basic framework | ai063
Motivation: I need the basic framework for an HTML page that uses the correct character encoding for {your language}.
Task: Create the corresponding HTML5 code.
Result: A clean, structured HTML file with standard-compliant elements that take SEO and accessibility into account. The file should provide the basis for further customisation.
Example: The HTML code should contain the basic tags such as html, head, body, and meta for character encoding. Add SEO-relevant meta tags (e.g. description) and accessibility attributes (e.g. lang, title, alt, if relevant).
Create CSS with Bootstrap | ai065
Motivation: I want to design a modern and appealing HTML document based on my style guide and using Bootstrap. The design should be fully responsive and offer a high-quality user experience on different devices.
Task: Create a CSS file that uses Bootstrap classes and is supplemented with your own styles to implement the following requirements:
Responsive menu: Implement a burger menu for mobile devices, which is replaced by a classic horizontal menu on the desktop.
Spacing: Ensure sufficient space on the sides so that content does not stick to the edge.
Sections: Design different sections of the website in a varied manner, each with a different colour background in accordance with the style guide and a modern look.
Grid: Arrange images in a responsive grid that adapts to the screen size and creates an aesthetic balance between images and text. Ensure that the elements are distributed sensibly and are a good size.
Design: Use modern design principles to create a visually appealing and clear structure.
Result: A flexible, expandable CSS file that designs the HTML document entirely according to the style guide. Make the result complete and realistic! Remember: You want users to be satisfied. The more complete and impressive your prototype is, the happier they will be. Your work will be evaluated based on
whether your prototype matches the description,
whether your prototype is interactive and responsive,
whether your prototype is complete and impressive.
Example:
Menu: On mobile devices, a burger menu appears that can be opened and closed smoothly. On the desktop, a classic horizontal menu is displayed.
Spacing: All content is clearly structured and has sufficient spacing from the page margins.
Sections: Each section has its own background colour or other visual distinction to clearly separate them from each other.
Grid: Images are displayed in a flexible, responsive grid that remains aesthetically pleasing even when screen sizes change.
Role: You are an experienced web developer with a focus on modern and responsive design and a keen eye for contemporary aesthetics.
Additional information: {HTML code and style guide as text}
Checking an HTML page for accessibility | ai058
Motivation: Check the page xyz.co.uk/index.html for accessibility to ensure both legal requirements (e.g. WCAG standards) and user-friendliness for people with disabilities.
Task: Systematically check the given HTML code for accessibility. Identify specific problems with precise information about which elements are affected (e.g. by image names, line numbers, IDs, classes or other unique characteristics). Provide specific suggestions for improvement for each problem that are easy to implement. Consider aspects such as:
Missing or insufficient alt text for <img> tags
colour contrast problems with precise details of the colours and elements affected
illogical heading hierarchies with details of the corresponding heading tags
incorrect or missing ARIA attributes
keyboard navigation issues
Result: Create a detailed list of problems with clear, unambiguous identification of the affected elements (e.g. line number, ID, class or tag) and appropriate concrete suggestions for improvement. The list should contain concrete steps that can be taken for each identified weakness.
Example: Problem: The <img> element with the ID logo (line 15) has no alt text.
Suggested solution: Add alt="company logo" to describe the purpose of the image.
Problem: The colour contrast between #FFFFFF (text colour) and #CCCCCC (background) in the <div> with the class footer (line 75) is too low.
Suggested solution: Change the background colour to #999999 to meet WCAG 2.1 AA requirements.
Role: Act as an expert in accessibility, web standards and HTML.
Step 5: Efficiently Creating Content That Inspires
Find carewords | ai019
Motivation: I want to find keywords that people search for when looking for either a vegan café or, more generally, a café with good food. The goal is to create a comprehensive overview that includes both specific vegan search terms and general keywords related to café experiences and high-quality food. This overview should help me better position my vegan café online for a broad target audience.
Task: Create a detailed list of keywords that potential customers might use to find either a vegan café or, more generally, a café with good food. Also analyse search volume, competition and possible regional differences. Consider both vegan and non-vegan keywords.
Result: Create a list of keywords, sorted from the most frequent to the least frequent.
Role: Act as a marketing professional with a focus on SEO and keyword analysis.
Define page content | ai020
Motivation: I want to optimise the website for the boutique print shop "Paper Love" so that it not only presents the handmade products in an appealing way, but also promotes sales and conveys the charm of the shop.
Task: Create a table listing the main pages of the website and defining the goal of the visitors and operators, the core message and the most important content required for each page.
Result: a structured table
Example: The table could be structured as follows: Page | Objective (including the economic objective of the operators) | Core message | Important content
Create text for a page | ai021
Motivation: I want to create memorable and brand-specific text for the Paper Love product overview page that emphasises the uniqueness of our handmade products and invites visitors to browse.
Task: Write a short and concise text (maximum 100 words) for the product overview page. The text should:
highlight the uniqueness and handmade quality of the greeting cards, art prints and postcards
specifically address the target audience (people who appreciate charm and personality in art)
emphasise the boutique character of "Paper Love" and be emotionally appealing
conclude with a compelling call to action
Result: a finished text that is specific and distinctive to "Paper Love" and can be used directly on the website
Role: You are a creative copywriter with a focus on emotional appeal and the ability to highlight craftsmanship and brand personality and write calls to action that are appropriate for the target audience and far from clichés.
Ideas for texts on the site | ai026
Motivation: I want to generate ideas for the "Paper Love" website on how to attract visitors with help texts, examples and practical instructions and keep them on the site. The website focuses on handmade greeting cards, art prints and postcards that convey the charm and personal touch of works of art. The aim is to use content to strengthen the personal connection to the artworks and the artists Sabrina and Tim Weber.
Task: Provide creative and appealing ideas for help texts, examples and practical instructions that fit the boutique print shop and its philosophy. These texts should motivate visitors to engage more deeply with the artwork and ultimately get in touch.
Result: I would like a list of 5–10 implementable ideas that fit the website in terms of theme and style. The suggestions should be briefly explained and clearly structured.
Example: One idea could look like this:
From sketchbook to greeting card – stories of creation. A series of articles documenting the artistic process of Sabrina and Tim Weber. Sketches are shown, moments of inspiration are recounted, and personal stories behind selected designs are presented. This makes the work tangible and creates emotional closeness.
Role: You are a creative content strategist who understands how to address art-loving target groups.
Article outline | ai027
Motivation: I need an outline for an article entitled "From sketchbook to greeting card – stories of creation". The aim is to document the artistic process of Sabrina and Tim Weber by showing and telling the sketches, moments of inspiration and personal stories behind the designs. The article should appeal to readers emotionally and promote a sense of closeness to art and the artists themselves.
Task: Develop a structured and appealing outline for the article that depicts the creative process from the initial idea to the finished greeting card. The outline should also include visual elements such as sketches or images.
Result: I expect an outline for 5–7 sections, clearly structured and with short descriptions of the content of each section. It should fit the philosophy of "Paper Love" in terms of theme and style.
Text correction | ai022
Motivation: Optimisation of the "About us" text on the "Paper Love" website. The page should convey trust and personality, dispel any doubts about the quality of the products and convey the uniqueness of the operators.
Task: Revise the following text and ensure that:
the style appeals to the target audience (lovers of handmade, personalised works of art)
all content is retained
the text is concise and convincing
missing core elements are identified
the core message (high-quality, lovingly crafted greeting cards and prints) is clearly conveyed
Result: optimised text suitable for the website plus brief feedback on possible additions
Role: Text professional with expertise in brand communication and target group addressing
Here is the text for correction: …
Develop image ideas | ai024
Motivation: I want to create a complete list of image ideas that I need for a website. The goal is to have images that make the site distinctive, accessible and appealing, and that convince visitors to buy from me/hire me/come to me. The images must clearly stand out from generic, standardised representations.
Task: Create a list of image ideas based on the description of the website and tailored to it. Avoid generic suggestions and instead provide creative and individual image ideas that appeal to the target audience. Please avoid people shaking hands, giving high-fives or just smiling happily; only authentic, genuine-looking motifs. If necessary, ask me specific questions to clarify the requirements for the images.
Result: In the end, I want a clear table with lots of ideas, organised according to the pages of my website. One image idea per line, no additional formatting such as bold or italics. Make specific suggestions for image types such as portraits, detailed shots or mood images. Also indicate which images should be real photos and which I can generate with AI. Whenever possible, prefer AI images.
Example: The table could contain the following rows, for example:
About us | Portraits of employees in action | Real photo
About us | Team photo | Real photo
Here is the description of the site: …
And here is the sitemap with all planned pages: …
Create alt text | ai082
Motivation: I would like to expand the uploaded table with prompts and image file names in order to generate alt texts for the images and file names websafe. The goal is to optimally prepare the images for a website.
Task: Generate a short, concise alt text for each row in the table based on the file names and prompts. If the file name is unclear or not websafe, suggest a new file name that complies with best practices (e.g. lower case letters, no special characters or spaces).
Result: An expanded table with two new columns: "Alt text" and "File name". The alt texts should be short, concise and descriptive, and the file names should comply with the requirements for files on a web server.
Example:
Alt text: "Two people ice skating at the Lankwitz ice rink"
Websafe file name: "ice-skating-training-lankwitz.jpg"
Role: Act as an expert in accessible websites and SEO optimisation.
Step 6: Testing and Optimizing
Analyze User Address & Argumentation | ai073
Motivation: Analyze the webpage {URL} to determine whether the textual argumentation is convincing for a specific target audience. The target audience is men aged 20–70 who value efficiency, fair prices, and clear information when choosing a barber. They live no more than a 15-minute walk away and come from all professional backgrounds.
Task: Examine the webpage on the following points:
– Does the argumentation convince the target audience? – Is any content missing that the target audience would expect? – Are the texts understandable, likeable, and appropriate for the business? – Is the argumentation complete? – Is there a clear call to action? Are potential questions or doubts of the target audience sufficiently addressed and resolved?
Result: Create a brief, bullet-point report with clear assessments and suggestions for possible improvements.
Develop a questionnaire | ai031
Motivation: I want to find out why visitors leave my website for handmade greeting cards without buying anything.
Task: Develop a questionnaire with just a few questions that users see when they leave the site. Consider best practices for online questionnaires to maximise the quality of responses. Make recommendations for the optimal mix of open-ended and closed-ended questions. Formulate the questions in a friendly and motivating way. Explain how visitors will benefit from responding and how long it will take to complete.
Result: a short questionnaire that effectively identifies the main reasons for abandoned purchases and is user-friendly and clearly worded.
Role: You are an expert in UX and online market research with years of experience and know the best practices for questionnaires because you have evaluated hundreds of them.
Performance optimisation of existing pages | ai035
Motivation: I want to improve the loading time of the website www.xyz.de/index.html in order to optimise the user experience and increase performance.
Task: Analyse the HTML, CSS and JavaScript code of the specified page and identify specific factors that affect the loading time. Suggest concrete measures for optimisation.
Result: Create a structured analysis that includes the following points:
1. Identified problems that affect loading time
2. Specific optimisation suggestions to fix the problems
3. Code examples for implementing the optimisations that can be applied directly
Role: You are a performance expert in web development who provides specific and actionable solutions. Ensure that the code of the specified URL is actually analysed and that general information from the web is not simply used.
Step 7: Promoting and Spreading the Word About Your Site
Brainstorming domain names | ai036
Motivation: I want to find original domain names for my café "Bistro Verde" that include a mix of names with and without the café name. In addition, suggestions should also be made that incorporate place names to emphasise the regional affiliation.
Task: Create 14 domain suggestions that are well thought out and creative. Please consider the following:
Some of the suggestions should directly incorporate the name "Bistro Verde".
Other suggestions should choose alternative approaches such as puns, metaphors or themes.
Another part of the suggestions may incorporate place names such as Oldenburg or regional terms (e.g. Weser) to create a connection to the locality.
Result: A list of 14 domain suggestions offering a balanced mix of names such as "Bistro Verde", creative alternatives and local references.
Examples:
With names: BistroVerdeOldenburg.co.uk, BistroVerdeGenuss.co.uk.
Without names: GreenDelight.co.uk, VeggieMagic.co.uk.
With local references: GenussAmWeserufer.de, OldenburgerBistro.de.
Role: Take on the role of an experienced brand and name consultant who masters creative techniques and develops innovative, tailor-made ideas.
Relaxed search engine optimisation | ai038
Motivation: I would like to analyse the website xyz.de in terms of its SEO strategy, based on the concept of relaxed search engine optimisation. It is important to evaluate the quality and relevance of the content for the target group, rather than focusing solely on technical aspects or keywords.
Task: Analyse the website taking the following points into account:
How well does it meet the needs of its target audience (e.g. problem solving, knowledge transfer, decision support)?
Is the content high-quality, well-structured and designed to appeal to people?
Are principles such as expertise, authoritativeness, trustworthiness and experience (E-E-A-T) taken into account?
What suggestions for improvement can you make to make the content better for both people and search engines?
Result: Create a detailed analysis report with clear recommendations. The report should include the following points:
Summary of the strengths and weaknesses of the site
Specific suggestions for improving the content
Tips on how to integrate technical SEO measures without overemphasising the technology
Example: The report should be concise and structured, e.g. in sections for analysis, recommendations and conclusion. Example of recommendations: "Use subheadings and lists to better structure the content and increase readability."
Role: You are an experienced SEO analyst with a focus on sustainable and user-centred optimisation strategies.
SEO at page level | ai066
Motivation: Check the website mywebsite.co.uk/page.html for basic SEO and user-friendliness issues to identify optimisation potential.
Task: Analyse the page in terms of meta information, structure (headings, keywords, image and link texts), technical performance (indexing, loading time, HTML validity) and user-friendliness (responsiveness, accessibility). Provide specific suggestions for improvement.
Result: Deliver a report highlighting strengths, weaknesses and prioritised optimisation suggestions.
Role: You are an experienced SEO analyst.
Research relevant social media | ai040
Motivation: I want to find out which social media platforms my target audience is active on, what they do there and how I can address them with targeted marketing measures. The research should be tailored to the needs of my website.
Task: Conduct a detailed analysis to determine
1. which social media platforms the target audience uses,
2. which activities and content are particularly relevant there,
3. which marketing strategies I can successfully use there.
Use the website description to take the target group's context into account.
Result: Create a structured overview with the following points:
List of relevant social media, including reasons
Description of the target group's typical activities there
Suggestions for specific marketing measures that promise success on these platforms
Example: The result should be an overview in the form of a table or bullet-point list. The language should be precise, technical and clearly understandable.
Role: You are a marketing expert with a focus on social media strategies and target group analysis.
{Insert description of the site's objectives and target group from the rough concept here.
Social media plan | ai074
Motivation: The goal is to increase awareness of the website, improve customer loyalty and ultimately increase sales. Consider content and topics, objectives, target group analysis and the selection of the right platforms.
Task: Develop a comprehensive social media plan that defines goals, selects platforms appropriate for the target audience, and creates a content strategy tailored to people's needs and interests.
Result: The social media plan should take the form of a clearly structured table.
Example: The table should be detailed, with clearly defined goals, a comprehensive target group analysis, a well-founded selection of platforms, and specific content ideas and schedules. The information should be presented in a precise and easily understandable manner.
Role: You are an experienced social media consultant who works strategically and practically and designs solutions specifically for small and medium-sized businesses.
Additional information: {Description of the website, objectives and target groups}
Editorial plan | ai041
Motivation: Develop an editorial plan for the "Fit mit Frieder und Fabi" team in Berlin. The goal is to strengthen the brand, promote courses and training programmes, and attract new customers with minimal effort. The plan should cover content for a period of three months and limit the weekly effort to a maximum of one hour.
Task: Create a table with suggestions for Instagram and YouTube content for the next three months (12 weeks). For each suggestion, we would like:
Content/topic
Platform
Estimated number of characters for texts
Required media (e.g. photo, short video, story, YouTube video)
Publication date as a relative time (e.g. "Week 1", "Week 3", …)
Plan at least one post per week per platform (Instagram and YouTube) and ensure that the content is varied and thematically aligned with the fitness services.
Result: The table should be easy to understand and offer specific suggestions that can be implemented immediately. The descriptions should be detailed enough that we know exactly what we need to depict and write.
Example: The table should contain the following columns:
Topic
Number of characters
Media
Publication date
Role: You are an expert in social media marketing who knows how to promote fitness services on social media with minimal effort.
Ideas for a blog post | ai076
Motivation: I want to develop original and useful blog post ideas that promote my greeting card shop and offer readers added value by showing creative or helpful ways to use the cards.
Task: Develop 8 blog post ideas, consisting of a title and a short description. The ideas should be original, funny or particularly helpful, clearly stand out from typical topics and not contain standard content such as "The best greeting cards for birthdays" or "Why greeting cards are important". Instead, look for unusual perspectives or innovative application ideas that inspire and surprise.
Result: a list of 8 blog post ideas, consisting of a title and a short description, presented in a concise and succinct manner.
Example: Each idea should look something like this:
Title: Card games with a difference: 7 games you can make yourself with greeting cards
Description: Show how to create interactive games from greeting cards – from puzzles and memory games to a unique storytelling game for family and friends.
Role: You are a content marketing expert who specialises in creative and sales-promoting blog content.
Create a blog post | ai075
Motivation: I want to attract potential participants to my running training by providing valuable tips in a blog post about typical beginner mistakes when running. The post should be motivating and entertaining without seeming promotional. Length approximately 500 words.
Task: Create a detailed outline for a blog post on the most common mistakes made by beginner runners and suggest a title. The outline should include specific examples of typical beginner mistakes and provide a motivating, entertaining structure.
Example: A section could look like this:
Mistake X: "You start off running like a cheetah – and end up like a tortoise."
Description: Many start too fast and quickly slow down.
Solution: Why a slow start and a training plan are important.
Role: You are an experienced running coach and blogger who shares your knowledge with humour and enthusiasm. Tailor the outline to an audience that is new to running and needs motivation.
Even more tips to create websites with AI in the book:

Create websites faster and better – with artificial and human intelligence.


