# 03 — MojaFirma UX Teardown + Switch GTM

# MojaFirma.hr — UX Teardown & Bilko Competitive Positioning

**MC #100279 | Brad Frost / Vizu | 2026-05-10****Live recon: mojafirma.hr (Solution Press d.o.o., Skradin, HR) | Datum fetcha: 2026-05-10**---

## 1. Sto je MojaFirma zapravo (bitna korekcija framing-a)

**MojaFirma NIJE accounting SaaS niti e-invoice platforma.** CEO intel "paušalnim obrt modul = direktan accounting overlap" zahtijeva korekciju.

Live recon pokazuje: MojaFirma je **HR operativni alat** — evidencija radnog vremena, odsutnosti, putni nalozi, kilometraža. Fokus je NN 55/2024 (pravilnik o evidenciji rada), ne PDV/e-računi.

Paušalni obrt modul postoji ali kao **godišnji pregled primitaka + PO-SD obrazac** — porezna forma, ne puno računovodstvo. URL `/usluge/pausalni-obrt` vraća 404 (nije ni javno dostupna landing stranica). Nema B2B e-invoice, nema HR-FISK integracije, nema fakturiranja.

**Zaključak za Bilku**: MojaFirma se takmiči sa Bilkom samo u HR/operativnom sloju, ne u core accounting/e-invoice prostoru. Bilko ima čistiji put prema paušalnim obrtnicima kroz fakturiranje + e-računi — to MojaFirma ne nudi.

---

## 2. Visual Quality Assessment

**Tech stack**: Next.js 14 (App Router), Tailwind CSS, Inter + Lexend fontovi, GTM.

<tr id="bkmrk-dimenzijaocjenakomen"><td>Dimenzija</td><td>Ocjena</td><td>Komentar</td></tr>|---|---|---| <tr id="bkmrk-tipografija6%2F10inter"><td>Tipografija</td><td>6/10</td><td>Inter+Lexend kombinacija funkcionalna ali ne razlikuje brand. `text-5xl sm:text-6xl lg:text-7xl` hero — preveliki jumps, nema intermediate breakpoints.</td></tr><tr id="bkmrk-boje5%2F10blue-600-%E2%86%92-i"><td>Boje</td><td>5/10</td><td>Blue-600 → Indigo-600 gradient svuda. Hero, CTA, navbar, pricing card — identičan gradient. Nema sekundarnog sistema. Violet za Business plan, Emerald za Free — ad hoc, ne sistemski.</td></tr><tr id="bkmrk-spacing5%2F10tailwind-"><td>Spacing</td><td>5/10</td><td>Tailwind defaults, vidljiv `py-24 px-4` pattern koji se ponavlja mehanički. Nema dizajn tokena — sve je hardcode u klasama.</td></tr><tr id="bkmrk-hijerarhija6%2F10h1-ra"><td>Hijerarhija</td><td>6/10</td><td>H1 radi posao ali odmah ispod postoje 2 featured card-a (oružje + employee login) koji prekidaju tok prema CTA. Korisnik mora scrollati 3+ ekrana da dođe do pricing-a.</td></tr><tr id="bkmrk-mobile5%2F10responsive"><td>Mobile</td><td>5/10</td><td>Responsive klase postoje (`sm:flex-row`, `md:grid-cols-3`) ali nije mobile-first dizajniran. Nav hamburger je afterthought. `max-scale=5` u viewportu signal je starije implementacije.</td></tr><tr id="bkmrk-dark-mode4%2F10impleme"><td>Dark mode</td><td>4/10</td><td>Implementiran kroz `dark:` klase ali nedosljedan — neke komponente imaju loš kontrast u dark modu.</td></tr><tr id="bkmrk-ilustracije%2Fscreensh"><td>Ilustracije/screenshotovi</td><td>2/10</td><td>Nema product screenshotova na homepageu. OG image je jedina slika (`/og-image.png`). Korisnik nema vizualni dokaz kako aplikacija izgleda.</td></tr>**Sveukupno vizualno**: funkcionalno ali generičko. Izgleda kao Tailwind starter kit, ne kao produkt s vizualnim identitetom. CEO "vizuelno su pravi crap" — potvrđeno.

---

## 3. Information Architecture &amp; Navigation

Nav struktura:  
```  
Rješenja (dropdown) | Usluge | Kalkulatori | Članci | Kontakt  
 Prijava | Registracija  
```

**Problemi:**

  
- "Rješenja" i "Usluge" — korisnik ne razumije razliku bez klika
  
- Kalkulatori i Članci (SEO content) su na istoj razini kao core produkt — zbunjuje prioritet
  
- Nema "Paušalni obrt" niti "Računovodstvo" u navigaciji — ako postoji modul, nije discoverable
  
- Footer ima 5 kolona ali tri od njih su duplicat navigacije
  

**Pricing page IA**: Free / Pro / Business / Enterprise — standardno. No: Pro plan kaže "Do 25 zaposlenika" ali NEMA jasan list benefita koji Free nema (samo bold checkmarks). Korisnik mora čitati sve linije da nađe razliku.

---

## 4. Form / Onboarding UX

Signup URL: `/auth/signup?source=homepage-hero&intent=worktime&entry=homepage`

**Pozitivno:**

  
- UTM-style parametri na CTA linkovima — tracking je postavljen
  
- "Isprobaj besplatno" bez kreditne kartice impliciran (nije eksplicitno navedeno)
  
- Demo link (`/demo`) za interaktivni primjer bez registracije
  

**Frikcije (pretpostavljeno iz strukture, ne iz otvorenog siguppa jer je auth-only):**

  
- Nema social login signala u metapodacima (Google/LinkedIn)
  
- Email-only signup najvjerojatnije — standard friction za SMB segment
  
- "Zaposlenici imaju vlastiti login" — ali tek na Pro planu. Free korisnik dobiva okrnjen produkt pa možda odustane
  

---

## 5. AI Agent Prezentacija

Jedina referenca na AI u javnom dijelu:

  
- Badge u hero: "AI Asistent" (violet pill)
  
- Feature list: "AI Asistent (osnovna verzija)" na Free i Pro; "AI Poslovni Savjetnik (napredni)" na Business
  
- featureList u schema.org: "AI Asistent za upravljanje evidencijom prirodnim jezikom"
  

**Ocjena: prazno obećanje.** Nema:

  
- Demo videa ili GIF-a koji pokazuje AI u akciji
  
- Primjera upita/odgovora
  
- Screenshota chata
  
- Opisa što AI zapravo može ili ne može
  

"Prirodnim jezikom upravljaj evidencijom" je claim bez dokaza na javnom dijelu sajta. Za kupca koji to čita — to je marketing copy, ne produkt.

---

## 6. Trust Signals

<tr id="bkmrk-signalprisutankoment"><td>Signal</td><td>Prisutan</td><td>Komentar</td></tr>|---|---|---| <tr id="bkmrk-klijentske-firme-%2F-l"><td>Klijentske firme / logotipi</td><td>NE</td><td>Nula</td></tr><tr id="bkmrk-testimonijalinenema-"><td>Testimonijali</td><td>NE</td><td>Nema ni jednog</td></tr><tr id="bkmrk-broj-korisnika-%2F-fir"><td>Broj korisnika / firmi</td><td>NE</td><td>"Za male hrvatske firme" — vague</td></tr><tr id="bkmrk-security-badges-%28ssl"><td>Security badges (SSL, GDPR)</td><td>PARCIJALNO</td><td>GDPR mention u feature listi, DPA stranica postoji, ali nema SSL badge, SOC2, niti audit certifikat</td></tr><tr id="bkmrk-lokalni-trust-%28hr%29da"><td>Lokalni trust (HR)</td><td>DA</td><td>Pravilnik NN 55/2024 badge, hrvatski praznici, Porezna uprava PO-SD</td></tr><tr id="bkmrk-osniva%C4%8D%2Ftimnesolutio"><td>Osnivač/tim</td><td>NE</td><td>Solution Press d.o.o. iz Skradina — nema team page</td></tr><tr id="bkmrk-mediji-%2F-pressnenema"><td>Mediji / press</td><td>NE</td><td>Nema</td></tr>---

## 7. Konkretni "Sta je pokvareno" — lista

56. **Nema product screenshotova** — korisnik kupuje slijepo. Jedina slika na sajtu je OG slika.
57. **AI claim bez dokaza** — "AI Asistent" svuda ali nula demonstracije. U 2026. to djeluje hollow.
58. **Hero flow je prekinut** — između H1 i CTA buttonsa postoje 2 featured module (oružje!, employee login) koje korisnik nije tražio. Konverzioni tok je prekinut.
59. **Evidencija oružja u hero sekciji** — na vrhu landing pagea, iznad fold-a, stoji "Evidencija trgovine oružjem za poslovnice". Ovo je niche B2B dodatak koji diskvalificira mainstream SMB kupca — pogrešno pozicioniranje.
60. **Pricing page nema jasnu diferencijaciju** — checkmarke su iste vizualno, razlika nije jasna na prvi pogled.
61. **Nema social proof** — niti jedan testimonijal, niti jedna firma-klijent.
62. **Paušalni obrt modul nema landing stranicu** — URL 404. Ako je modul postoji, nije prodavan.
63. **Dark mode je nedovršen** — gradient pozadine u `bg-gradient-to-br from-blue-50 via-white to-indigo-50` ne funkcionira u dark modu.
64. **Font kontrast** — `text-slate-500` na bijeloj pozadini u feature listama — potencijalni WCAG AA fail na manjim ekranima.
65. **Nema mobile app** — pure web, nema PWA instalaćije niti App Store/Google Play linka.
---

## 8. Bilko UX Moat — 7 Dimenzija Prednosti

<tr id="bkmrk-%23dimenzijamojafirma-"><td>\#</td><td>Dimenzija</td><td>MojaFirma stanje</td><td>Bilko oportunitet</td></tr>|---|---|---|---| <tr id="bkmrk-1e-invoice-%28hr-fisk-"><td>1</td><td>**E-invoice (HR-FISK 2.0)**</td><td>Nije prisutno</td><td>Direktna B2B e-račun integracija, compliance od dana 1 — MojaFirma ne može pratiti</td></tr><tr id="bkmrk-2full-accounting-flo"><td>2</td><td>**Full accounting flow**</td><td>Evidencija primitaka + PO-SD forma — to je to</td><td>Fakturiranje, PDV, troškovi, bankovni izvodi, sve u jednom — Fiken model za HR SMB</td></tr><tr id="bkmrk-3product-screenshots"><td>3</td><td>**Product screenshots u onboardingu**</td><td>Nula vizualnog proof-a</td><td>Interactive demo (Fiken stil) — korisnik vidi produkt prije registracije</td></tr><tr id="bkmrk-4design-tokens-siste"><td>4</td><td>**Design tokens sistemski**</td><td>Ad hoc Tailwind klase, nema brand identity</td><td>Konzistentna vizualna hijerarhija, branded palette, Fiken-grade typography</td></tr><tr id="bkmrk-5ai-koji-se-dokazuje"><td>5</td><td>**AI koji se dokazuje**</td><td>Badge claim bez demo</td><td>Embedded AI demo u hero sekciji — konkretni primjer: "Izgeneriraj fakturu za Marko d.o.o."</td></tr><tr id="bkmrk-6social-proof-od-sta"><td>6</td><td>**Social proof od start**</td><td>Nema niti jednog testimonijala</td><td>3 realna klijenta s imenom, firmom i gradom — bosnian/hr SMB kontekst odmah</td></tr><tr id="bkmrk-7mobile-firstrespons"><td>7</td><td>**Mobile-first**</td><td>Responsive ali ne mobile-first</td><td>PWA ili React Native app — paušalac na terenu, ne za stolom</td></tr>---

## 9. "Prijelaz s MojaFirme" Landing Page Koncept

**URL**: `bilko.app/hr/prelazi-s-moje-firme` (ili slično)

**Struktura:**

```  
\[HERO\]  
Naslov: Odlazite od MojaFirme?  
 Bilko radi sve što ona radi — i ispostavlja e-račune.  
Subtitle: Evidencija rada, putni nalozi, kilometraža + B2B e-fakturiranje.  
 Sve što HR-FISK 2.0 zahtijeva, na jednom miestu.  
CTA: Uvezi podatke besplatno →

\[COMPARISON TABLE\]  
Featura | MojaFirma | Bilko  
\---------+-----------+------  
Evidencija rada | DA | DA  
Putni nalozi | DA | DA  
B2B e-računi (FISK) | NE | DA  
PDV obračun | NE | DA  
Fakturiranje | NE | DA  
Bankovni uvozi | NE | DA  
Mobile app | NE | DA

\[MIGRATION HOOK\]  
"Uvoz CSV podataka iz MojaFirme u 3 koraka."  
(Smanjuje switching cost — konkretno, ne apstraktno)

\[3 TESTIMONIJALA\]  
Real HR paušalci — ime, grad, tip biznisa

\[PRICING CTA\]  
Jednake ili niže cijene. Viši compliance.  
```

**Copy hookovi:**

  
- "MojaFirma vas pita za evidenciju. Bilko vas pita za biznis."
  
- "Od 1. siječnja 2026, B2B fakture moraju biti e-računi. MojaFirma to ne radi."
  
- "Isti workflow. Plus sve ono što knjigovođa od vas ionako traži."
  

---

## 10. Design Token Preporuka za Bilko HR Launch

Cilj: "premium vs MojaFirma" bez being pretentious — HR SMB kupac je pragmatičan.

**Paleta — odmak od blue/indigo commodity:**  
```  
\--color-brand-primary: #1B4F72 / *deep navy — ozbiljnost, ne startup modri* /  
\--color-brand-accent: #E8A838 / *topla zlatna — HR kuna heritage, povjerenje* /  
\--color-surface-base: #FAFAF8 / *warm white, ne cold #FFFFFF* /  
\--color-surface-elevated: #FFFFFF  
\--color-text-primary: #1A1A1A  
\--color-text-secondary: #5C5C5C  
\--color-success: #2D6A4F / *deep green, ne emerald-500* /  
\--color-danger: #C0392B  
```

MojaFirma koristi `from-blue-500 to-indigo-600` svuda — Bilko se odmah razlikuje toplijim navyjem i zlatom.

**Tipografija:**  
```  
\--font-display: "DM Serif Display" / *authority, ne tech-bro* /  
\--font-body: "DM Sans" / *čitljivo, moderno, nije Inter clone* /  
\--font-mono: "JetBrains Mono" / *za iznose i kodove* /  
```

**Spacing skala** (8px base, ne Tailwind default 4px):  
```  
\--space-xs: 8px  
\--space-sm: 16px  
\--space-md: 24px  
\--space-lg: 40px  
\--space-xl: 64px  
\--space-2xl: 96px  
```

**Border radius** — blago "ozbiljniji" od MojaFirme:  
```  
\--radius-sm: 6px / *inputs* /  
\--radius-md: 10px / *cards* /  
\--radius-lg: 16px / *panels* /  
\--radius-xl: 24px / *hero blocks* /  
```

---

## 11. CEO Decision Items

<tr id="bkmrk-pitanjepreporuka"><td>Pitanje</td><td>Preporuka</td></tr>|---|---| <tr id="bkmrk-je-li-%22switch-from-m"><td>Je li "switch from MojaFirma" GTM worth it?</td><td>**DA, ali pozicionirati na e-invoice gap, ne na UX.** UX je lak win ali kupac dolazi zbog FISK compliance — to je pain point koji MojaFirma ne rješava.</td></tr><tr id="bkmrk-treba-li-posebna-lan"><td>Treba li posebna landing stranica?</td><td>**DA.** Switching page s comparison tablicom i CSV import hookom. Niska ulaganja, direktan SEO hit na "MojaFirma alternativa".</td></tr><tr id="bkmrk-pau%C5%A1alni-obrt-kao-za"><td>Paušalni obrt kao zasebni onboarding flow?</td><td>**DA.** MojaFirma ga ima ali ne prodaje (404 URL). Bilko može biti prvi u HR za paušal + e-račun kombinirano.</td></tr><tr id="bkmrk-design-tokens-invest"><td>Design tokens investicija?</td><td>**Visoka ROI.** Navy+zlatna paleta + DM fontovi = odmah drugačiji "osjećaj" od commodity plave. 1-2 dana rada, ne 2 sprintova.</td></tr>---

*Recon: live fetch mojafirma.hr 2026-05-10. Paušalni obrt subpage vraća 404 — modul nije javno dostupan za prodaju. Pricing potvrđen: Free/Pro €29.99/Business €59.99. AI agent: marketinški claim bez javne demonstracije.*