# 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)
1. **Početna (Home)** — Hero + 3 stuba (Vizija/Iskustvo/Zajednica) + Aktuelnosti + CTA
2. **O meni (About)** — Biografija fokusirana na motivaciju + Vrijednosti + Timeline
3. **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