merdzanovic.ba Politički lični sajt — Asmir Merdžanović, Naša stranka Overview merdzanovic.ba — Overview MC Task: #1795 Status: In Progress — Design Phase Client: Asmir Merdžanović (asmirmc@gmail.com) Type: Internal (SnowIT partner project) Domain: merdzanovic.ba About Politički lični sajt za Asmira Merdžanovića — vijećnik u OV Hadžići, potpredsjednik Kantonalnog odbora NS Sarajevo, poduzetnik iz IT industrije. Sajt ga pozicionira kao modernog, kompetentnog kandidata koji dolazi iz privatnog sektora. Narativ: "Iz prakse u politiku — za modernu BiH." Stranice (3) Početna (Home) — Hero + 3 stuba (Vizija/Iskustvo/Zajednica) + Aktuelnosti + CTA O meni (About) — Biografija fokusirana na motivaciju + Vrijednosti + Timeline Vizija & Program — 6 programskih tačaka sa konkretnim mjerama Design Stil: Moderan, čist, human — NE korporativni, NE partijski Boje: Navy (#1B2A4A) + Gold accent (#D4A843) + White/Light gray Font: Inter Mobile-first — 70%+ mobilni promet Accessibility: WCAG 2.1 AA Tech Stack TBD — zavisi od rezultata Design Tool Shootout-a (#1794) Likely: Next.js (React) + Tailwind CSS Deployment: TBD (Vercel, GitHub Pages, ili Netlify) Key Files Project root: ~/projects/merdzanovic-ba/ Design brief: ~/projects/merdzanovic-ba/specs/brief.md Shootout scorecard: ~/projects/merdzanovic-ba/specs/shootout-scorecard.md Fotografije Naša stranka (casual): asmir-nasastranka.jpg (1000x1000) Hadžići OV (formalna): asmir-hadzici.jpg (800x800) Source: nasastranka.ba + hadzici.ba Design Tool Shootout AI Design Tool Shootout — MC #1794 Linked to: merdzanovic.ba (#1795) Status: In Progress Cilj: Testirati 4 AI design alata na istom briefu i ocijeniti koji daje najbolji rezultat za multi-page politički sajt. Alati Tool Cijena Output Status v0.dev $20/mo React/Next.js Homepage generisan — testira se Google Stitch Besplatan HTML Promptovi spremni Figma Make AI krediti (3000/mo) Figma frames Promptovi spremni Codia AI Plugin krediti Figma frames Promptovi spremni Evaluacija (1-5 po kriteriju) Kriterij v0.dev Stitch Figma Make Codia 1. Konzistentnost TBD TBD TBD TBD 2. Ton TBD TBD TBD TBD 3. Kvalitet dizajna TBD TBD TBD TBD 4. Responsive TBD TBD N/A N/A 5. Kod kvalitet TBD TBD N/A N/A 6. Cijena 3 5 4 4 7. Iterabilnost TBD TBD TBD TBD v0.dev — Preliminarne napomene (Homepage) Design kvalitet: 4/5 — čist, profesionalan, ne generički Ton: 4/5 — povjerenje, modernizacija, pristupačan Kod: React/Next.js, TypeScript, Tailwind CSS, komponente dobro razdvojene Problem: Prevelik dependency bloat (40+ Radix UI komponenti od kojih se ne koristi nijedna) Problem: Navigacija koristi anchor linkove umjesto pravih ruta Boje: Tačno po briefu — navy #1B2A4A + gold #D4A843 Promptovi Svi promptovi spremni u ~/projects/merdzanovic-ba/specs/: v0-prompts.md (3 prompta) stitch-prompts.md (3 prompta) figma-make-prompts.md (3 prompta) codia-prompts.md (3 prompta) Metodologija Isti brief → 4 alata → iste 3 stranice Eksplicitni design tokeni u svakom promptu za konzistentnost Evaluacija: 7 kriterija, ocjena 1-5, ukupno /35