For closer imagination about process of our cooperation with you, we would like to write down each steps, which are based on the years of experience with creation of new websites.

So we could create the most suitable website for you, not only regarding graphic design, it is necessary to follow praticular consecutive steps. Especially collect documents regarding company, products, services, references and all possible information, that should appear on the website.




By whole process of cooperation you will be lead by our project manager, who will ensure smooth process of realization. Whole project of the new website will be disscussed on personal meeting or by form of conferencial call.

Project assignment

You will introduce us your project and tell us what are yours expectations from the new website. We will suggest ideal solution. Together we will settle up the extent of the website and technical solution.

Web extent basic analysis

In this step we focus on the analysis of websites extent – sitemap (map of pages), that will define total amount of page types. Since it is not possible to define end price of the project without specific assignment, we always try to analyze web extent (amount of pages, categories, contact forms, etc.) and using that create simple and clear structure of the pages for intuitive customers’ navigation. The analysis will define web extent and technical complexity, that is affecting the price.


Main indicator of the web price is its extent – map of the website. Specifically it is about total amount of page types, that graphic designer has to design, encoder to encode and programmer make it functional and connect it with the CMS Editorial system.

The price is reduced automatically in case of small extent of the website and vice versa. That is the reason why we strongly recommend don’t understimate the first phase of the project which is web extent analysis, so please pay attention to this.

chedule of the price offer

- Analyzing the project

- Sitemap / Designing the sitemap

- Wireframe (raw model) / Creating interactive web structure

- Homepage graphic design

- Inner pages graphic design

- Responsive design / mobile web

- HTML/CSS encoding

- Programming work

- 321 CMS Editorial system (connection)

- Filling the web content

- Launch web on the server

Contract for work including terms schedule

After price offer confirmation, we will send you proposal of contract for work including attachements with work specification, time schedule, particular deadlines and technical specification.

Invoicing 1/3

Once the contract is signed, it will be automatically generated proforma invoice with one third of total amount of project. As soon as the payment is credited to our account the realization of new website starts.

Phase 2 – Design

Connecting project with the 321 Intranet

Complete communication with deadlines, we carefully archive in our intranet, to which you have continual access. Using intranet you can communicate with us, share documents and inform us about particular corrections.

Documents handover from customer’s side

The basis of success of each project realization is collection of all necessary documents. The most important are:

- Company logo in vectors including logo manual + another logos, that should appear on the website

- Complete text documents (txt. doc.) - especially those that are not on the current website

- Pictures, photographs and documents for download (jpg., png.) ideally in high definition

All those documents, that we will not receive from your side, we will be happy to ensure on our own. We just would like you to know that other additionally obtained documents will affect the deadline and also the final price of the project.

Project analysis

Once we collect all necessary documents, we will start detailed analysis of the project.

We are usually focused on:

- Documents analysis / extent

- Current solution analysis

- Accessibility analysis

- Target group analysis

- Converse definition / conversion ways

- Competition analysis


Web structure

We will suggest an ideal web structure (diagram – spider layout of pages map), as the result of our analysis, which will determine total extent of the new project and main menu. Once the structure is confirmed, we will start to design the wireframe (raw prototype of the website).



To meet all requirements of conversion goals, it is necessary to design ideal structure of the new website. It is important to think about it before we will start work on graphic design. Significant advantage of the wireframe is that we can make a lot of changes there very easily, because it is interactive prototype of website (functional website without graphics).


Graphic design

Graphic web design contains complete process of graphic design and 3 original homepages. Basic graphic style for other pages, banners design, following symbols, overview of pictures, products and outputs, editing documents and size of pictures, size editing and colourfulness of logotypes, is based on the ideal chosen version.

- Homepage graphic design

/ corrections / confirmation

- Inner sides graphic design

/ corrections / confirmation

- Icons, contact forms graphic design

/ corrections / confirmation

- Responsive design graphic proposal

/ corrections / confirmation

Invoicing 2/3

If you are satisfied with our design, the invoice with second third of total amount follows.

Phase 3 - Realization


HTML/CSS Encoding

After agreement of graphic design, follows frontend encoding, what means make the graphics movable into interactive interface. This part is the most time consuming. Encoding is optimized for these browsers:

- Internet Explorer 11

- MS Edge 14+

- Mozilla Firefox (actual version)

- Google Chrome (actual version)

- Apple Safari (iOS 9.3+), Android browser (Andorid 5+)

Included are also libraries Bootstrap, Media Queries, JavaScript, Framework jQuery


Commissioning of contact forms and special technical gadgets customized for each website.

Connection with CMS Editorial system 321 WEB

Editorial system is software, which serves as administration of content and creation of websites or blog. Editorial systems are used also as administration of posts, discussions, products, documents, comments, publishing pictures or videos. Via Editorial system it is optionally possible to determine rights to particular users.

As this software is developed by our programmers, we are able to edit and customize CMS Editorial system according to your requirements.

More information about functionality you can find here: www.321web.cz

Content filling

We will fill the website by complete content including documents for download and all important information.


Responsive design

Responsive design ensures optimal display of websites on various devices (cell phones, tablets, etc.). It is necessary to count with the responsive design already during graphic designing, where priority elements will be determined for displaying on smaller screens.

Testing work

As soon as the websites are finished we are starting with testing work on our servers. We aim on functionality, intuitive navigation and we set important conversion and tracking codes for more comprehensive analysis.

Next we optimize speed of lodading and then we prepare website for commissioning.

Phase 4 - Commissioning

Servers accesses and DNS domains

Based on our experience we recommend collect all possible accesses already before the start of realization. Track down the owner of the domain including login details on the server is usually really time consuming. We ask you for sending us all accesses on FTP server including MySQL database. During establishment of professional hosting and new domains, we recommend use services on www.onebit.cz

You can easily check the availability of free domain on www.domena.cz

Old web backup

In case of need, we can backup the old web.


Web commissioning on required domain

We will let go the new website into the world on old-new domain.

Check of analytical and measuring codes

We will check if all measuring and analytical codes are working and communicate with eg. Google Analytics as they should.

Invoicing 3/3

Last part is payment of last third of the total amount of the project.

Do you agree with the procedure
of the realization?

WWW Studio

FAQ Web development

Graphic design of the website includes complete processing of the graphic design of the entire website, graphic design of 3 type pages homepage, basic graphic style for other pages, design of banners and accompanying symbols, overview of photos, products and products, adjustment of submitted documents and photo size, adjustment of size and color of logotypes . You will receive more information in the introductory e-mail.

Interactive elements are dynamic effects on the web - such as graphics, buttons and images that respond to your mouse movement. These include various pop-up elements, counters and other goodies. If the site is dynamic, it creates a interaction with the visitor (UX - User Experience), which positively affects the length of stay of the visitor on the site and increases his interest. And thus the probability of conversion of the visitor to the customer.

Today's times are characterized by constant acceleration. Surely you will agree with us that few of us have the time and space to read long paragraphs. The main task of infographics is to make it easier for readers to grasp different types of information. By using visually interesting elements, highlighting and gradually dosing information, the infographics allow you to draw attention to the most important information so that everyone will notice and remember it.

What's going on?

Thanks to Google Maps services, we offer you the opportunity to create your own Google map, which will correspond to the graphic and color solution of your new website. In addition to customizing the appearance, maps also allow you to place interactive points on the map.

For example, you can use various icons to mark your customers, partners, suppliers, etc. on the map. Points of interest on the map are inserted using GPS points, so you can mark absolutely exact places. For example, the seat of your company.

What's going on?

Call to action elements - the "I'm interested in" and "I want" buttons are the most important tools for creating customer conversions. And therefore the main purpose in creating a new website. In order for the buttons to be functional and to fulfill their purpose as effectively as possible - it depends very much on their color, contrast to the background, location, message, etc.

Why is it needed?

The buttons usually point to the order form, which allows the customer to order the service or find out more information.

However, sometimes the sites are only presentational, so call to action elements are not important to you. Or, on the other hand, you would not be able to adequately respond to customer conversions. So don't hesitate to say what purpose you need the call to action elements to fulfill.

Responsive design guarantees optimized display of websites on various devices (mobile phones, tablets, etc.) Responsive design must be taken into account in the graphic design of the website, where priority elements are determined for display on smaller screens.

What is a content management system?

Content Management System is software that manages content and website creation or blog. Content management systems are also used to manage posts, discussions, products, documents, comments, to publish images or videos, or rights can be determined for individual users within the content management system.

Our websites may include a content management system that serves to easily manage the content and structure of the website. The system is designed with easy and intuitive operation in mind, so even a computer layman can work with the system.

As this is software developed by our programmers, we are able to modify the CMS and adapt it to your requirements.

Video tutorial how to use content management system here.

Content management system options

  • login based on name and password / change and settings
  • account for individual user (name + password - possibility of change)
  • complete editing of menus + content of pages, including contacts
  • category overview - view - overview - edit
  • overview of products and products - display - overview - modification
  • inserting your own content, images, documents and links to the site
  • contact form - complete overview of entered questions
  • inserting news / updates / articles
  • FAQ / discussion

How does it work?

We have successfully created and optimized dozens of language versions for world search engines in English, German, Russian, French, Italian and other world languages.

We create language mutations on a separate domain. E.g.: http://www.xyz.com/ Including a flipping content management system with complete functionality and source code editing (and URLs) for a given language.

In terms of order processing, the procedure is as follows: creation of a complete website in one language, launch of the website, subsequent creation of language versions, interconnection of all websites.

Why own domains?

  • It is necessary to order and pay for your own domain and web hosting for each language version.
  • The main advantage is the possibility of SEO optimization for foreign markets and complete supervision of the content. Here are some examples to give you an idea:
  • Japan - Yahoo.jp
  • China - Baidu.com
  • Russsia - Yandex.ru
  • Italy - Libero.it
  • Slovakia - Zoznam.sk
  • Germany - Google.de

What we offer?

Do you use social networks for internet promotion? If you have established profiles, we offer you the option of linking the website to your accounts.

If you do not actively use social networks, but you are interested in connecting...
As a standard, we offer you the establishment of a corporate Facebook account with the basic settings of the page and the filling of the content in the graphic style of the new website = introductory image, profile image and several contributions.*

We do not create content on social networks

*If you are interested in actively using your company profile on Facebook, we will set up an authorized person from your company by the account administrator - you can now add and manage the subsequent content yourself.

What is it?

The Google Analytics tracking code allows you to analyze visitor behavior and movement, how long they stay on the site, etc. You can also use Google Analytics to track traffic growth related to the new site and SEO optimization.

How does it work?

If you already have an existing site with your own domain, you probably already have a Google Analytics account and your tracking code measures customer traffic and behavior on the site. As part of the redesign of the existing website, a smooth continuation of this measurement is ensured.

For a brand new site (on a newly created domain), a new Google Analytics account will be created and the tracking code will be uploaded to the site's pages. You decide who will have authorized access to this account.

UX (user experience)

What's included?

  • target group analysis
  • user experience analysis
  • company / product identity analysis
  • analysis of the sector and competition

UI (user interface)

What's included?

  • guarantee of conformity between functionality and design
  • design of clear orientation and structure
  • analysis of the movement of visitors on the site
  • responsive display analysis
  • achieving conversion goals