How we do web design

Blog Tips and Advice Creatives
26. 05. 2026
Tom Hložánek

Our digital agency has been dedicated to web design since 2004. During this time, we have conceived, designed, and programmed hundreds of websites, most of which are still operational today and continue to evolve to meet the goals of their owners.

What is web design, really?

There is a lot contained in that word. Some perceive web design as the graphic design of a website, while others see it as the complete realization of web pages. There is no specific field of study for web design, which is why even professionals working in this area provide very diverse quality.
We perceive web design as a discipline whose output is the design of a website. That is its design. Its technical solution, development, and programming come as a secondary phase. However, within the website design, we focus on much more than just how the website will look visually. It is more important that the resulting website

  • meets its business goals,
  • guides users to conversion,
  • attracts relevant visitors,
  • stands out and is memorable,
  • motivates users to return and convert again,
  • functions well on all devices,
  • allows for further development,
  • etc.

It is clear that there are many parameters that good web design must meet. Web design is therefore a multidisciplinary discipline that utilizes knowledge from visual communication, interaction design, marketing, branding, SEO, copywriting, and other fields.
That is why at PUXdesign, we approach web design in many steps to cover everything necessary and deliver a solution to the customer that meets all the above parameters. Another important aspect is that it must be technically feasible and manageable, which we address during the technical realization phase.


Web design step by step

We have been fine-tuning the website design process for many years. There is always room for improvement because this industry evolves and changes rapidly, but the basic framework is clear. And we will now present that to you.


#1 Assignment and Analysis

First, we need to understand the client's industry and the goals they aim to achieve with the website. We are interested in the client's customers to understand them and be able to design a website that truly serves them. It is essential to realize this because few clients can accurately articulate what their customers need and how that should be reflected on the website.
We investigate how customers search within the industry to ensure the website effectively addresses SEO. We are interested in the current website traffic to avoid harming it with the redesign. We conduct a competitive analysis.
And the result of all this is an assignment that we can realistically grasp, price, and get to work on.

#2 Content and Structure of the Website

We further investigate how the website content will be created. It makes sense for us to seek the form only after we know its content and the internal structure of the website, not the other way around. Some clients can prepare the content and provide it to us. Others, on the other hand, want us to handle it completely. Thanks to the service  copywriting , we can do this, including photographs or visualizations. Most often, content is created as follows:

  • We will interview you in a workshop.
  • We will also interview your customers to understand what is important for them when choosing a particular service/product and what needs and concerns the website must address.
  • We will conduct a keyword analysis.
  • We will propose the website structure and write rough drafts of the texts for individual pages.
  • We will consult with you and refine the texts.
  • We will continuously visualize the structure and content in the form of a wireframe model  see the next step.

#3 Wireframe (wireframe, prototype)

We visualize the designed structure and content in the form of a clickable model. Different people refer to it in various ways, sometimes as wireframes, sometimes as prototypes. For us, the quality of execution is more important than the terminology, meaning that the prototype

  • covers the entire structure of the website
  • is clickable and simulates navigation through the future website
  • includes every type of page
  • is based as much as possible on real content
  • partially works with visual elements, simulating the future look of the website

Examples of our wireframes for presentation websites (we do not publish wireframes for e-shops and customer portals due to confidentiality obligations):

# 4 Visual Materials and Style

Working on the actual graphic design, that is, the web design itself, always involves close collaboration with you. We will ask about available materials, such as logos, brand manuals, photographs, catalogs, or anything else that would help us understand how your company visually presents itself. If you do not have these items, which we will determine during the analysis, we are able to create all these materials ourselves thanks to our internal  graphic studio .
Since the website should align with the overall face of the company, we strive to design it in accordance with these materials. This supports the overall visual style of your company.
Web design is a vast field today that encompasses a wide variety of styles. We try to keep up with current trends, but we also appreciate unconventional ideas and new challenges. After gathering the materials, we will ask if you have any initial ideas and we will show you ours. This phase is heavily focused on ideas and communication. Other websites, mood boards, or other inspirations that we discover together often serve as helpful tools.
Based on the chosen style and materials, we will then determine the more technical aspects of the design. These mainly include the so-called grid, which is the basic width of the website we will work with, as well as fonts, primary colors, basic spacing, and other details.

#5 Graphic Design of the Website

When we get to the actual design of the website, we first prepare one or two pages for approval of the overall concept. After all, seeing it once is better than hearing about it a hundred times. In these initial designs, we will show how the header, footer, and the most diverse or important pages might look. 
We will go through the draft with you, explain why the design looks the way it does, discuss, and refine everything that is necessary. We will always listen to your opinions and try to incorporate them into the web design. However, we will also appreciate it if you are open to suggestions.
After approving the basic visual of the website, we will start preparing additional templates needed for the website according to the structure. We will gradually consult the designs with you and move iteratively towards the final design. In designing, we pay attention to making the website look nice, but above all, to ensure it is understandable and as usable as possible. Additionally, it must be technically feasible.
We often consult the designs internally among creatives and programmers, which allows us to gain feedback from various directions even before the actual implementation of the website. Often, we also expand the feedback to external sources, further advancing our designs.

#6 Responsiveness

The trend of increasing website traffic from mobile devices is clear, and we expect the future of the internet to be truly mobile. That is why responsiveness has long been an integral part of all our websites. However, we must consider it not only during implementation but also in the design phase. 
We create design proposals for mobile phones, tablets, small laptops, and large desktops, tailored to the needs of each individual project. Beyond these specified resolutions, we consult the behavior of individual sections and pages with our skilled programmers and propose optimal solutions from both a technical and user perspective.
Given the variety of devices that users employ today, we ensure that our designs perform well even under challenging conditions. We strive to maintain the best usability even on extremely small, large, narrow, or wide screens, so that they serve you and your customers as effectively as possible. 

#7 Acceptance and Handoff to Development

When we reach the end of the design together, we will review the entire design once more, compare it with the structure and wireframe of the website, and confirm the design with you. Based on this, we will prepare technical documentation for the developers and begin the technical implementation of the website.
The work of web designers on the project certainly does not end here. During implementation, they are available to programmers for consultation on any details, and when creating content, they assist you with icons, illustrations, photos, or other content graphics for the website.