Web design
Would you like to create a new company website or modernize your existing company website?
We are happy to support you in this task!
We specialize in web design solutions based on the WordPress content management system using Bricks as a so-called "page builder".
Web design
Web design is often used as a synonym for the complete construction of a website, but is actually only a part of this entire process, as shown below (in detail, it is the third step, the implementation). Nevertheless, we will continue to talk about web design when describing the entire implementation process.
Web design is therefore the holistic process of website creation. It combines art, function and aesthetics and is visual communication.
What is important for a good web design?
Of course, you can also click together nice-looking websites with a website construction kit from various providers, but really good web design goes far beyond that. The most important aspects of good web design are:
- User friendliness
The website visitor should be able to navigate the website intuitively and find all content easily. - Accessibility
People with disabilities or restrictions should also be able to visit the website without any obstacles. This includes optimizations for screen readers, alternative texts in images and much more. - Aesthetics
The visual impression is decisive for websites. There is no “F” scheme here, every website has to be designed for its target group. - Branding
The website must fit the brand and promote it. - Speed
No visitor likes to wait for new content to load. It is therefore important to prevent visitors from leaving the website due to loading times. This does not mean that a website has to be simple and unadorned – with the help of many techniques, even complex, graphically elaborate pages can load quickly. - Responsiveness
Since you never know which device a visitor is using to visit the site, it must always be optimized for all devices, from large computer monitors to smartphones!
Find out below how we can address these areas and support you in creating a website that takes these aspects into account!
Creation of a website
When creating a new website, we proceed according to a four-stage phase model. We present these four phases here.
Discovery
In this first phase, it is important to determine which goals are to be achieved with the creation of the website. Without this information, building a website is pointless. It's about understanding the customer, their market and the competition in order to plan the website accordingly. This first part is essential for the success of the project!
UX Design
In this phase, a rough concept based on wireframes is defined for each important page (homepage, service pages, blog pages, etc.) based on the results of the discovery process. These wireframes are only placeholders for the content, but already show the structure of the finished website. The creation of such wireframes may be an iterative process between and and the customer. Once the wireframe has been approved, we move on to the next phase, the UI design
UI Design
The website is now being designed on the basis of the wireframes from phase 2. The colors, fonts, images and textual content are defined. This phase is either carried out completely by us (design implementation according to the customer's specifications, creation of textual content (copywriting), procurement of the necessary image material) or in a division of labor, e.g. if the customer works together with a designer and the latter provides the design.
Implementation
In this step, the content previously defined with the customer is technically designed in Bricks Builder and adapted to the various device types. This also ensures that the generated code is error-free and semantically clean.
Launch
After the final approval of the customer, the website goes live. This also includes registration with Google in their webmaster tool and onboarding in our management system MainWP, inclusion in our 24/7 monitoring and much more. With this step, the website is transferred to the maintenance plan, in which we ensure that everything runs to your satisfaction.
Discovery
In this first phase, it is important to determine which goals are to be achieved with the creation of the website. Without this information, building a website is pointless. It’s about understanding the customer, their market and the competition in order to plan the website accordingly. This first part is essential for the success of the project!
UX Design
In this phase, a rough concept based on wireframes is defined for each important page (homepage, service pages, blog pages, etc.) based on the results of the discovery process. These wireframes are only placeholders for the content, but already show the structure of the finished website. The creation of such wireframes may be an iterative process between and and the customer. Once the wireframe has been approved, we move on to the next phase, the UI design
UI Design
The website is now being designed on the basis of the wireframes from phase 2. The colors, fonts, images and textual content are defined. This phase is either carried out completely by us (design implementation according to the customer’s specifications, creation of textual content (copywriting), procurement of the necessary image material) or in a division of labor, e.g. if the customer works together with a designer and the latter provides the design.
Implementation
In this step, the content previously defined with the customer is technically designed in Bricks Builder and adapted to the various device types. This also ensures that the generated code is error-free and semantically clean.
Launch
After the final approval of the customer, the website goes live. This also includes registration with Google in their webmaster tool and onboarding in our management system MainWP, inclusion in our 24/7 monitoring and much more. With this step, the website is transferred to the maintenance plan, in which we ensure that everything runs to your satisfaction.
Framework
The following products form the basis of the websites we create. Of course, other solutions are used as standard or optional, but the ones listed below are by far the most important in our core framework.
WordPress
Wordpress is the world's most widely used content management system for creating websites. We have also trusted and worked with this system for years.
Bricks Builder
In order to create appealing, easy-to-maintain and technically clean websites under Wordpress, we have been using the page builder Bricks since 2024. The previously used page builder Elementor is now only used in existing projects.
Automatic CSS
Automatic CSS supplements the Bricks Pagebuilder with so-called CSS classes, among other things, with which consistent and semantically clean results can be achieved.
Frames
We use frames as an additional product to Automatic CSS. This library of so-called wireframes enables us to select prefabricated components for our customer websites from a construction kit for the intended purpose.
Additional services
Some of the services listed here are included in the basic services or can be booked additionally.
Optimization
Security
Dynamic content
Management
Our services
Here you will find an overview of our services.
Web design
€Price according to offerPrice according to expenditure. The following services are basic services.
Initial creationBasic security packageSEO Package BasicPerformance Package BasicData backup setup24 x 7 MonitoringSpam ProtectioneRecht24 ToolsOptions
€Price according to performancePrices according to expenditure. Details of the Advanced Plans below.
Matomo AnalyticsCloudflare integrationBooking systemDynamic data queries3rd party integrationsMaintenance schedule
€ 240,-/JahrThe maintenance package for the secure and smooth operation of your website.
24 x 7 HealthchecksUpdatesHourly quota (1h) / monthLicenses for all basic productseRecht24 adjustmentsData backup to a cloudMonthly maintenance report
Security plans
Basic security package
This plan is initially included in the creation of a company website.
Building blocks
- Basic protection Wordpress
- Security Header
- Ninja Firewall (Free Edition)
Advanced security package
Building on the basic security package, this package adds the following services
Additional modules
- All services included in the Basic package
- Ninja Firewall WP+ Edition
Performance plans
Standard performance package
This plan is initially included in the creation of a company website.
Building blocks
- Configuration Caching Plugin (Free)
- Configuration Image Optimizer Plugin (Free)
- Provision of images in WebP format
Advanced performance package
Only bookable if the customer chooses Litespeed hosting!
Building on the Performance Package Basic, this package adds the following services
Building blocks
- Installation of the Litespeed plugin
- Image optimization configuration via Litespeed
- Configuration CSS/JS optimization via Litespeed
- Continuous performance monitoring
SEO plans
SEO Package Standard
This plan is initially included in the creation of a company website.
Building blocks
- SEO-optimized web design
- Activation Google Search Console
- Support with the entry in Google My Business / Bing Places
SEO Package Advanced
Building on the basic SEO package, this package adds the following services
Building blocks
- Entry in relevant company portals (max. 20)
- Keyword analysis
- Website optimization for keywords
- Continuous ranking monitoring & optimization
- Competitor analysis
- Monthly SEO reports
