What we do and how we do it
Website development process - step by step
We approach each new project with special care, from planning to completion. We adapt the website creation process to each client's specific needs and goals. For large, design-intensive engagements, our website development process typically includes the following steps:
- Planning / research / consultation
- Creation of the website concept
- Creation of the web design
- HTML5/CSS/JS website coding
- Website programming
- Website testing
- Publication of the website
1. Planning / research / consultation
The first step in creating websites is usually a meeting with the client. This meeting is extremely important, as it allows us to better understand the goals and purpose of the website, and how it should look and function. It is also an opportunity for the client to outline their ideas, target audience, and other details that are important for the successful creation of a website. During this meeting, we ask a series of questions to understand the client's needs. Some of the important questions include:
- What are the goals of the website? What do you want to achieve by creating a website?
- Who is the website intended for? Who is the target audience?
- What are the main elements of the website, such as text, images, videos, and other multimedia content?
- What are the key requirements for website functionality? For example, should the website enable the purchase of products or the possibility of booking an appointment?
- What should the website design look like? What colors, fonts, images, and graphics does the client want to use?
- What is the budget for creating the website?
2. Creation of a website concept
After the goals, needs, and functionalities of the website are clearly defined, the next step in creating a website is to create a concept or wireframe. A concept or wireframe is a visual representation of the arrangement of elements on a website but without detailed graphics and design.
A wireframe provides the client with a clear idea of how the website will look and function. It helps visualize the layout of elements, such as navigation, text, images, videos, and other multimedia content. This is important because it allows us to determine what is needed to build the website and for the client to see what their vision will look like in practice.
A wireframe is usually not detailed, as it focuses on the arrangement of elements on the page, rather than the design and graphics. In cooperation with the client, we adjust the wireframe according to the client's needs and wishes, before the detailed design is started.
3. Web design
After the goals and needs of the website are clearly defined and the wireframe is created, the next step in creating a website is to create a web design.
Web design encompasses all website visual elements, including layout, colors, fonts, and images. Design is important because it helps create an attractive and user-friendly website that will attract and retain visitors.
It is important to keep in mind that the design should be aligned with the goals of the website and the needs of the client.
While creating a web design, it is important to consider responsive web design. Responsive web design refers to the way a website adapts to different screen sizes, to be functional and aesthetically appealing on all devices, including mobile phones, tablets, and computers.
After the presentation of the web design proposal and approval by the client, we start coding the page.
4. HTML5/CSS/JS website coding
Once the website design is complete, the next step in creating a website is to create the HTML and CSS code.
HTML (Hyper Text Markup Language) is the basic language for creating web pages. It describes the structure and content of a website, including text, images, videos, and other elements. CSS (Cascading Style Sheets) is a language used to define the layout and style of a web page, including colors, fonts, sizes, positions, and various effects.
Responsive web design is also an important factor in this step, as the HTML and CSS code must be written so that the website looks and functions well on different screen sizes and devices.
When the HTML and CSS code is ready, we test the website to check functionality, layout, and responsive design. This includes cross-device and cross-browser testing to ensure the website looks and works well for all visitors.
We do coding professionally according to W3C standards.
5. Website programming
We perform programming using a combination of PHP language (CakePHP framework) and MySQL database. CakePHP is a free, open-source framework for PHP programming that is used to quickly and easily create web applications and websites.
In creating websites, CakePHP can be used to develop simple and the most complex websites with demanding business logic. This framework enables faster and easier development of web pages, and also provides developers with security and reliability, since error checking is performed during code execution.
We use MVC architecture for programming. The MVC architecture (Model-View-Controller) helps to separate the program code into logical units, makes the program code more transparent, and builds web applications faster.
6. Website testing
After the website has been created and programmed, it is necessary to test its functionality and security. This includes checking the correctness of all functions and links, the correctness of the display of the page on different devices and browsers, and testing security features to prevent possible threats.
Testing is usually performed on a dedicated test server that is isolated from the production environment. This ensures that the testing does not take place on the actual web server, which could cause website accessibility issues or other issues.
7. Publishing a website
After the website has been created and tested and any errors have been corrected, it is time to transfer the website to a production server.
Transferring the website to a production server means placing the files, database, and other necessary elements on the server that will serve as the actual address for accessing the website. This step is extremely important as the website now becomes available for public use.