WEB DEVELOPMENT PROCEDURE
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.
Phase 1 - PREPARATION
Cooperation
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.
Pricing
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.
Schedule 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).
Wireframe
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
Programming
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?
FAQ Web development
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