While working on this text, I only took basic website design concepts into account, treating them very generally. The questions were framed in a way that most people unfamiliar with language models like ChatGPT would likely use. So, let’s see how ChatGPT can assist a user who has no knowledge of specialized prompting methods.

Generating Text Instead of Lorem Ipsum

A huge relief for any designer is the ability to use actual text content. However, it often happens that copy is created later in the process, and when designing wireframes, we need to rely on placeholders like “Here will be a paragraph explaining why you should sign up for our loyalty program” or, worse, „lorem ipsum.” ChatGPT can generate texts that not only help with content placement but also provide the client with a fuller picture of the final structure.

Of course, the text generated by the language model is quite basic but sufficient to place on the wireframe:

Sample text encouraging users to sign up for the loyalty program.
Sample text encouraging users to sign up for the loyalty program.


Rearranging Content

Designers often receive initial content in a format that doesn’t fit the layout established during design workshops. Since we don’t always have the time or resources to fix these obstacles, ChatGPT can help here too:

We can quickly generate text in the form we need and additionally ask the tool for suggestions regarding CTA content:

 

Text for the button.
Text for the button.


Suggestions for Website Structure

Diving deeper into design, we can ask ChatGPT for guidelines regarding the structure of any webpage:

Guidelines for webpage structure.

However, in this case, it’s more of a list of elements, without specifying where and how they should be placed. An attempt to refine the request by asking for a wireframe was also unsatisfactory:

Example of a page structure proposed by ChatGPT.
Example of a page structure proposed by ChatGPT.


ChatGPT rightly notes that the final layout depends on the designer’s preferences—placing a shopping cart halfway down the page certainly isn’t one of mine 😉

Tool Recommendations

When asked about tools for drawing up wireframes, ChatGPT suggests several, diplomatically not favoring any particular one:

Suggestions for tools.
Suggestions for tools.

These are basic, commonly used tools by designers, without any surprises.

Choosing Colors and Images

When checking how to select a color scheme for a chosen service segment and target group, ChatGPT suggests options based on general principles of color psychology and the most common use of specific colors for different types of websites:

The suggestions for choosing images are also logical, though very general, which is understandable given the broadness of the question:

Suggestions for color selection.
Suggestions for color selection.

Testing the Interface

The final step in our short exploration was asking how to verify the created interface. The answers, of course, were general, but they outlined a clear set of actions that can be taken:

Testing the interface.
Testing the interface.


Summary

Did ChatGPT meet my expectations in this test? Both yes and no. The options for generating text and structuring it as needed will definitely make designers’ work easier. The wireframe will look better, although it won’t replace the work of copywriters (even with more complex prompts, the texts tend to be fairly generic).

When it comes to website design, even something as simple as page structure, the tool didn’t perform particularly well. Attempts to refine the requests were also not satisfying. For an experienced designer, the responses didn’t add much value, but for someone just starting their design journey, this might be a decent starting point (with the exception of placing the cart halfway down the page 😉).

Impressions and conclusions? After „talking” with AI about design, not only did I come up with more ideas on how to use ChatGPT even at a basic level, but I also felt inspired to see what would happen if we approached the topic more deeply and more professionally.

This appears to be the first post in a series on this topic. Considering both the ability to refine questions and the tool’s ongoing learning, I hope—but also fear—that the results might be astonishing.

O AUTORCE

Anna Owczarczak

Creative Director

Członek Zarządu i Dyrektor Kreatywny Yetiza. Zafascynowana typografią zwolenniczka powiedzenia 'lepsze wrogiem dobrego’. Lubi stonowane kolory i jednopikselowe linie.