Logo Mirana Arnauta Logo Mirana Arnauta
(01) Services

Proces dizajna

Location Karlsruhe, DE
Fig. 1 Miran Arnaut - Agentic AI Engineer i Product Designer u Karlsruheu
Uloga
Agentic AI Engineer Product Designer AI Engineer Software Engineer Full Stack Software Engineer Software Architect Devops Engineer

Kako radim

GitHub Copilot GraphQL Electron Python AI Prompt Engineering MongoDB OpenCode React Prototyping & Wireframes WordPress Information Architecture Vue.js Webdesign Kubernetes Typo3 Online Marketing Usability Testing Git/SVN Branding Tauri
GitHub Copilot GraphQL Electron Python AI Prompt Engineering MongoDB OpenCode React Prototyping & Wireframes WordPress Information Architecture Vue.js Webdesign Kubernetes Typo3 Online Marketing Usability Testing Git/SVN Branding Tauri
GitHub Copilot GraphQL Electron Python AI Prompt Engineering MongoDB OpenCode React Prototyping & Wireframes WordPress Information Architecture Vue.js Webdesign Kubernetes Typo3 Online Marketing Usability Testing Git/SVN Branding Tauri
GitHub Copilot GraphQL Electron Python AI Prompt Engineering MongoDB OpenCode React Prototyping & Wireframes WordPress Information Architecture Vue.js Webdesign Kubernetes Typo3 Online Marketing Usability Testing Git/SVN Branding Tauri
(01) Services

Kako radim — Provjeren proces za digitalne projekte

Više od 10 godina radim kao freelance AI Engineer i Software Engineer. U tom razdoblju razvio sam proces koji se dokazao za projekte svih veličina: strukturiran, transparentan i rezultatski orijentiran.

Svaki projekt prolazi kroz pet jasno definiranih faza. Ovisno o opsegu i složenosti, faze se mogu prolaziti iterativno ili prilagoditi.

Faza 1: Analiza — Temelj uspjeha

Prije nego što dizajniramo ili razvijamo, razumijemo “zašto”. U ovoj fazi analiziram zajedno s vama:

  • Vaše poslovne ciljeve: Što bi web stranica trebala postići?
  • Vašu ciljanu publiku: Kome se želite obratiti?
  • Konkurenciju: Što rade vaši konkurenti — i kako se možete istaknuti?
  • Postojeći sadržaj i sustave: Što možemo iskoristiti, što mora biti novo?

Rezultat: Jasan dokument zahtjeva koji služi kao zajednička osnova za cijeli projekt.

Faza 2: Koncept — Struktura i strategija

Na temelju analize razvijam sadržajni i strukturni koncept:

  • Sitemap i informacijsku arhitekturu: Koje stranice su potrebne, kako su povezane?
  • Wireframeove: Strukturalne skice svake stranice bez vizualnih distrakcija
  • Planiranje sadržaja: Koji sadržaji su potrebni, što već postoji?
  • SEO strategiju: Istraživanje ključnih riječi i optimizacija strukture od početka

Rezultat: Odobren koncept koji čini nacrt za dizajn i razvoj.

Faza 3: Dizajn — Vizualno oblikovanje

Sada postaje vidljivo:

  • Moodboard i style tile: Usklađivanje smjera i atmosfere
  • High-fidelity screen dizajn: Pixel-savršeno oblikovanje svih relevantnih stranica i stanja
  • Responzivni dizajn: Optimizacija za sve veličine zaslona
  • Interaktivni prototip: Klikabilan prototip u Figmi za realistično testiranje

Rezultat: Odobreni screen dizajnovi koji točno pokazuju kako će buduća web stranica izgledati i funkcionirati.

Faza 4: Razvoj — Čista implementacija

Dizajn se pretvara u kod:

  • Postavljanje razvojnog okruženja: Angular/Astro/Vue.js/React s Tailwind CSS
  • Razvoj komponenti: Komponente koje se mogu ponovno koristiti po principu atomic dizajna
  • Integracija sadržaja: Unošenje sadržaja
  • Responzivno testiranje: Osiguravanje funkcionalnosti na svim uređajima
  • Optimizacija performansi: Core Web Vitals, optimizacija slika, caching

Rezultat: Potpuno funkcionalna web stranica na staging serveru.

Faza 5: Lansiranje i podrška — Izlazak uživo

Posljednji korak:

  • Quality Assurance: Temeljito testiranje svih funkcija, linkova i obrazaca
  • SEO finalizacija: Meta tagovi, schema markup, sitemap, llms.txt
  • Deployment: Prijenos na produkcijski server
  • Primopredaja: Dokumentacija i upute
  • Podrška: Tekuće održavanje, ažuriranja i optimizacija po potrebi

Rezultat: Uživo objavljena, performantna web stranica sa sigurnošću da niste ostavljeni sami.

Pregled tijeka projekta

  1. Analiza (1-2 tjedna) — Definiranje ciljeva, snimanje trenutnog stanja
  2. Koncept (1-2 tjedna) — Struktura, wireframeovi, plan sadržaja
  3. Dizajn (2-3 tjedna) — Zasloni, prototip, feedback runde
  4. Razvoj (3-6 tjedana) — Kodiranje, testiranje, integracija
  5. Lansiranje (1 tjedan) — Deployment, QA, primopredaja

Ukupno trajanje tipičnog projekta je između 8 i 14 tjedana.

Česta pitanja o procesu rada

Mogu li prilagoditi proces svojim potrebama? Da, svaka faza može se prilagoditi specifičnim zahtjevima vašeg projekta. Ne treba svaki projekt sve faze u istom opsegu.

Kako sam kao klijent uključen u proces? Zalažem se za tijesnu suradnju. U fazi analize i koncepta sastajemo se tjedno. Tijekom dizajna i razvoja primate redovita ažuriranja i možete komentirati međustanja.

Što se događa nakon lansiranja? Nudim tekuće održavanje i podršku — od tehničkih ažuriranja preko izmjena sadržaja do optimizacije performansi.

Započnimo vaš projekt. Pišite mi na arnaut@miran.at.

(05) Kontaktiraj me

Surađujmo

Pošalji mi poruku ili se poveži na društvenim mrežama.