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-101. 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.
DimenzijaOcjenaKomentar |---|---|---| Tipografija6/10Inter+Lexend kombinacija funkcionalna ali ne razlikuje brand.text-5xl sm:text-6xl lg:text-7xl hero — preveliki jumps, nema intermediate breakpoints.
Boje5/10Blue-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.
Spacing5/10Tailwind defaults, vidljiv py-24 px-4 pattern koji se ponavlja mehanički. Nema dizajn tokena — sve je hardcode u klasama.
Hijerarhija6/10H1 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.
Mobile5/10Responsive 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.
Dark mode4/10Implementiran kroz dark: klase ali nedosljedan — neke komponente imaju loš kontrast u dark modu.
Ilustracije/screenshotovi2/10Nema product screenshotova na homepageu. OG image je jedina slika (/og-image.png). Korisnik nema vizualni dokaz kako aplikacija izgleda.
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 & Navigation
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):
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
SignalPrisutanKomentar |---|---|---| Klijentske firme / logotipiNENula TestimonijaliNENema ni jednog Broj korisnika / firmiNE"Za male hrvatske firme" — vague Security badges (SSL, GDPR)PARCIJALNOGDPR mention u feature listi, DPA stranica postoji, ali nema SSL badge, SOC2, niti audit certifikat Lokalni trust (HR)DAPravilnik NN 55/2024 badge, hrvatski praznici, Porezna uprava PO-SD Osnivač/timNESolution Press d.o.o. iz Skradina — nema team page Mediji / pressNENema7. Konkretni "Sta je pokvareno" — lista
Nema product screenshotova — korisnik kupuje slijepo. Jedina slika na sajtu je OG slika. AI claim bez dokaza — "AI Asistent" svuda ali nula demonstracije. U 2026. to djeluje hollow. 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. 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. Pricing page nema jasnu diferencijaciju — checkmarke su iste vizualno, razlika nije jasna na prvi pogled. Nema social proof — niti jedan testimonijal, niti jedna firma-klijent. Paušalni obrt modul nema landing stranicu — URL 404. Ako je modul postoji, nije prodavan. Dark mode je nedovršen — gradient pozadine ubg-gradient-to-br from-blue-50 via-white to-indigo-50 ne funkcionira u dark modu.
Font kontrast — text-slate-500 na bijeloj pozadini u feature listama — potencijalni WCAG AA fail na manjim ekranima.
Nema mobile app — pure web, nema PWA instalaćije niti App Store/Google Play linka.
8. Bilko UX Moat — 7 Dimenzija Prednosti
#DimenzijaMojaFirma stanjeBilko oportunitet |---|---|---|---| 1E-invoice (HR-FISK 2.0)Nije prisutnoDirektna B2B e-račun integracija, compliance od dana 1 — MojaFirma ne može pratiti 2Full accounting flowEvidencija primitaka + PO-SD forma — to je toFakturiranje, PDV, troškovi, bankovni izvodi, sve u jednom — Fiken model za HR SMB 3Product screenshots u onboardinguNula vizualnog proof-aInteractive demo (Fiken stil) — korisnik vidi produkt prije registracije 4Design tokens sistemskiAd hoc Tailwind klase, nema brand identityKonzistentna vizualna hijerarhija, branded palette, Fiken-grade typography 5AI koji se dokazujeBadge claim bez demoEmbedded AI demo u hero sekciji — konkretni primjer: "Izgeneriraj fakturu za Marko d.o.o." 6Social proof od startNema niti jednog testimonijala3 realna klijenta s imenom, firmom i gradom — bosnian/hr SMB kontekst odmah 7Mobile-firstResponsive ali ne mobile-firstPWA ili React Native app — paušalac na terenu, ne za stolom9. "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
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
PitanjePreporuka |---|---| Je li "switch from MojaFirma" GTM worth it?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. Treba li posebna landing stranica?DA. Switching page s comparison tablicom i CSV import hookom. Niska ulaganja, direktan SEO hit na "MojaFirma alternativa". Paušalni obrt kao zasebni onboarding flow?DA. MojaFirma ga ima ali ne prodaje (404 URL). Bilko može biti prvi u HR za paušal + e-račun kombinirano. Design tokens investicija?Visoka ROI. Navy+zlatna paleta + DM fontovi = odmah drugačiji "osjećaj" od commodity plave. 1-2 dana rada, ne 2 sprintova.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.