search icon

How i make web development process

user flow image

mobile first

The first step in web development is designing the website to be responsive across various devices. That approach is called MOBILE FIRST.


My development process should focus on creating a user-friendly interface that adapts seamlessly to different screen sizes and resolutions.


Devs should also consider the website's speed and ensure that it loads quickly, especially on mobile devices. Testing the website on different devices and browsers is crucial to ensure that it meets the required standards of responsiveness.

sketching image

responsivenes for all devices

Once the mobile design is complete, the next step is to create designs for larger devices such as tablets and desktops.


Designers should consider the layout and typography to ensure that the website is easily readable on larger screens.


The design should be consistent with the mobile version, and features such as menus and buttons should be appropriately sized for tablet and desktop users. Testing the website on different screen sizes and resolutions is crucial to ensure that it meets the required standards of design

wireframe image

performance

With the design complete, the next step is to build and produce the website using various programming languages and tools.


Developers should focus on creating clean, readable, and maintainable code that adheres to industry standards.


The code should be optimized for performance, security, and scalability, and developers should also consider implementing best practices such as version control and automated testing. The website should be thoroughly tested.

my web development projects

modra nit image website View Website view website
project name

Syoak dashboard (only desktop)

used technologies
    • css
    • html
    • react.js
project type

Web Dashboard

project description

SYOAK dashboard only for desktop screens 1200px and above

Github source code View code for website
Figma design View design for website
modra nit image website View Website view website
project name

SYOAK oil company

used technologies
    • css
    • html
    • react.js
project type

Landing page

project description

Here is landing page about oil company

Github source code View code for website
Figma design View design for website
modra nit image website View Website view website
project name

NFT landing page

used technologies
    • css
    • html
    • javascript
project type

Landing page

project description

Some fictional landing page about crypto NFT. Pure technologies html, css and js.

Github source code View code for website
modra nit image website View Website view website
project name

Insta Kuhinja

used technologies
    • css
    • html
    • javascript
    • php
    • wordpress
project type

Food blog website

project description

Insta kuhinja je food blog website autorice Dragane Galac. Ovo mjesto je za sve ljubitelje hrane i slatkih delicija, i tu se mogu pronaći svakakvi recepti. Website je rađen custom (html, css, js, php, wordpress).

Github source code View code for website
Figma design View design for website
modra nit image website View Website view website
project name

HQ Informatika

used technologies
    • css
    • html
    • javascript
project type

Web shop (only frontend)

project description

This is a custom webshop that I made custom from the frontend side. I used plain html css and js, nothing more. I did the design and all the graphics on the website.

Github source code View code for website
Figma design View design for website
modra nit image website View Website view website
project name

Slap

used technologies
    • css
    • html
    • javascript
    • php
    • wordpress
project type

Association website

project description

Udruga za kreativni razvoj Slap iz Osijeka organizacija je koja se bavi razvojnim projektima kroz koje potiče socijalno zapošljavanje, društveno odgovorno poslovanje, međusektorsku suradnju te kroz svoj trening centar radi na održivosti organizacija civilnog društva.

Github source code View code for website
Figma design View design for website
modra nit image website View Website view website
project name

Modra Nit

used technologies
    • css
    • html
    • javascript
    • php
    • wordpress
project type

Business website

project description

Modra Nit - The marketing agency is specialized in the visibility of EU projects.

Github source code View code for website
Figma design View design for website