01.09.2026 aktualisiert

**** ******** ****
verifiziert
Premiumkunde
100 % verfügbar

Expert Frontend Engineer & Architect · React / Next.js · Accessibility · AI-augmented Engineering

Münsingen, Schweiz
Schweiz
Bachelor
Münsingen, Schweiz
Schweiz
Bachelor

Profilanlagen

Nenad-Brcic-CV.pdf

Skills

StorybookAI AgentsVitestViteNode.jsPerformance EngineeringSoftware ArchitectureNext.jsSemantic HTMLTypeScriptWeb Content Accessibility GuidelinesTailwindReact.jsExpress.jsVue.jsPlaywrightGraphQLReact NativeFront EndApi DesignNestJS
Expert Frontend Engineer & Architect mit über 20 Jahren Erfahrung. Als unabhängiger Berater habe ich für SBB, CSS, MediData und PwC gearbeitet, für die SBB in drei Mandaten über sechs Jahre, meist als Experte für Architektur und Engineering.

Mein Schwerpunkt liegt auf React und Next.js, Accessibility / Barrierefreiheit (WCAG) und Design Systems.
Anspruchsvolle Frontend-Mandate begleite ich von der technischen Konzeption über den Aufbau von Komponentenbibliotheken bis zur barrierefreien, performanten Umsetzung. Komplexe State- und Architekturfragen sind genau mein Terrain.
In letzter Zeit arbeite ich viel mit AI-augmented Engineering: Spec- und Test-driven Development sowie vertikalen Slices (Tracer Bullets), die von Agenten autonom implementiert werden — Planung und QA bleiben menschengeführt.
Ich war Teil der Teams hinter mehreren mit Best of Swiss Web ausgezeichneten Projekten, darunter drei Master-Awards.

Schwerpunkte & Technologien
• Architektur & Qualität: Frontend Architecture, Design Systems, Micro Frontends, Storybook
• Stack: React, Next.js, TypeScript, React Native, Node.js, GraphQL, tRPC, Prisma, Nest.js
• Accessibility & Performance: Accessibility (WCAG), Core Web Vitals, Performance Optimization, Playwright
• Tooling & Delivery: Tailwind CSS, CI/CD, AI-augmented Engineering

Kundenstimmen
„Im Rahmen von diversen Web-Projekten für SBB setzte Nenad für die Intersim AG Frontend-Komponenten um und migrierte ganze Webseiten zwecks Accessibility. Mit grosser Einsatzbereitschaft (auch ausserhalb der üblichen Arbeitszeiten) und einem umfangreichen und tiefen Wissen in den Bereichen ReactJS, TypeScript, JavaScript, SCSS und Accessibility konnte er unser Team tatkräftig unterstützen. Die Arbeiten wurden stets termingerecht, korrekt und nachhaltig durchgeführt. Die Zusammenarbeit war stets freundschaftlich und unkompliziert — es hat Spass gemacht. Daher können wir Nenad sehr weiterempfehlen und uns gut vorstellen, wieder auf seine Dienste zurückzugreifen.“ — Pascal Christen-Viecelli, CTO, Intersim AG

„Nenad hat unser Team als Solution Architect Frontend verstärkt und sich dabei als herausragender Experte, Berater und Mentor bewiesen. Sein Beitrag erstreckte sich über 15 Monate, weit über die geplante Dauer hinaus. Mit seinem umfassenden Wissen, Teamgeist und klaren Meinungsäusserungen war er in jeder Rolle eine Bereicherung für uns. Sehr zu empfehlen!“ — Dr. Frank Navrade, Director Digital Factory, PwC Germany

„Nenad arbeitete 9 Monate als Frontend-Entwickler an unserer GRC-Lösung. Mit seinem grossen Wissen und seiner Erfahrung im Bereich der Frontend-Entwicklung mit React konnte Nenad unser Team bei der Entwicklung neuer Features tatkräftig unterstützen. Termine wurden eingehalten und seine Arbeit war jederzeit professionell. Die Zusammenarbeit mit Nenad war stets angenehm und unkompliziert. Wir können Nenad sehr weiterempfehlen.“ — Besfort Kuqi, CEO, Swiss GRC

Erfahrung

Berufserfahrungmehr als 10 Jahre
Freelancer seit2011

Sprachen

DeutschMutterspracheEnglischverhandlungssicherFranzösischgutKroatischgut

Projekthistorie

SBB / RedaSys · 3. Mandat seit 2020 · Expert Frontend & AI-augmented Engineer

Intersim / Schweizerische Bundesbahnen SBB
Ziel: Die zentrale Redaktionsinfrastruktur von SBB modernisieren: das hauseigene CMS RedaSys, in dem sämtliche News-Inhalte verfasst und gepflegt werden, den dedizierten Next.js-Artikeleditor (reda-sys-next) sowie ein neues Newsletter-Modul, das eine externe Drittanbieter-Lösung ablöst.

Ergebnis: Die SBB hat mich über Intersim dreimal beauftragt: 2020, 2022/23, 2026. Über drei Codebasen hinweg geliefert (Symfony-Core-CMS, Next.js-Artikeleditor, neues Newsletter-Modul). Das Newsletter-Modul löst ein externes Drittanbieter-Tool ab, inklusive Personalisierung pro Empfänger und mehrsprachiger Kompositionen. Parallel habe ich einen KI-gestützten Engineering-Workflow mit ADRs und PRDs etabliert, präzise genug für die autonome Umsetzung durch KI-Agenten.

Aufgaben: Feature-Entwicklung im Editor mit React 19 und Next.js 16; Architektur und Umsetzung des Newsletter-Moduls (Symfony, PHP, Doctrine, Twig, Stimulus); Domain-Kontext, ADRs und PRDs verfassen; eigene Claude-Code-Agenten und -Skills bauen; Beratung zu Rendering-Strategien (ISR/SSR), Caching, Security und Barrierefreiheit; automatisiertes Testing mit Vitest und Playwright.

Technologien: React 19, Next.js 16, TypeScript, Symfony, PHP, Doctrine ORM, Twig, Stimulus, Claude Code, eigene Claude-Agenten & -Skills, KI-gestütztes Engineering, Domain-Driven Design, ADRs, Spec-getriebene Entwicklung, SSR, ISR, Storybook, Vitest, Playwright, Barrierefreiheit (WCAG)

MediData · Senior Software Engineer & React-Experte

MediData AG

Banken und Finanzdienstleistungen

50-250 Mitarbeiter

Ziel: Die Kundenportale von MediData für Spitäler, Versicherer, Arztpraxen und Patienten modernisieren, mit einer flexiblen DataGrid-Komponente als gemeinsamem Baustein über alle Portale hinweg.

Ergebnis: Eine flexible DataGrid-Komponente konzipiert und gebaut, die in über fünf Kundenportalen läuft, trotz unterschiedlicher APIs, Datenmodelle und Funktionsumfänge. Die Portale sind eigenständige Microfrontends, dynamisch eingebunden in eine Shell-Anwendung.

Aufgaben: Entwicklung und Bewertung von Proof-of-Concepts für die Lösungsarchitektur; Aufbau einer Komponentenbibliothek und der DataGrid-Komponente mit Storybook; Entwicklungs- und Test-Guidelines für die Teams; Definition von Accessibility-Guidelines samt Schulungen; Pair Programming zur Unterstützung der Entwickler; Code-Reviews.

Technologien: React, TypeScript, Next.js, Module Federation, Microfrontends, Storybook, Shadcn UI, Tailwind CSS, Web Components, Zod, Vite, Vitest, Playwright, REST, OpenAPI, Barrierefreiheit

Atelier Irmak · Principal Software Engineer & Solution Architect

Atelier Irmak

Konsumgüter und Handel

10-50 Mitarbeiter

Ziel: Eine neue Version des firmeneigenen CRM liefern, die Kundenbeziehungen, Marketing, Website und Social Media, Vertrieb und Abrechnung sowie das Produktmanagement abdeckt.

Ergebnis: Ein kleines Team über elf Monate bis zum Release geführt und die gesamte Systemarchitektur end-to-end verantwortet.

Aufgaben: Entwurf der gesamten Systemarchitektur; Teamführung und Verantwortung für die Auslieferung; durchgängige Integration eines modernen Full-Stacks nach Clean-Architecture-Prinzipien.

Technologien: Next.js (Server Components & Server Actions), React, TypeScript, Clean Architecture, GraphQL, Drizzle, Postgres, Neon, Node.js, Contentful, Clerk, Cloudinary, Sentry, ShadCN, Zod, Playwright, Jest, AWS, Vercel, Docker, CI/CD, Barrierefreiheit

PwC Germany, Digital Factory · Expert Frontend Solution Architect & Engineer

PricewaterhouseCoopers PwC Germany

Wirtschaftsprüfung, Steuern und Recht

>10.000 Mitarbeiter

Ziel: Als Hands-on-Unterstützer, Coach und Berater die Teams der PwC Germany Digital Factory bei State Management, Performance, Best Practices und Frontend-Architektur unterstützen.

Ergebnis: Eine komplexe Angular-Anwendung per Performance-Refactoring saniert und die Architektur einer React-Microfrontend-Analyseanwendung (Monorepo, Module Federation) entworfen. Das Mandat lief deutlich länger als ursprünglich geplant.

Aufgaben: Performance-Analyse und Refactoring einer komplexen Angular-Anwendung samt Best-Practices-Workshop; Begleitung einer schlanken Next.js-E-Commerce-Lösung für den Handel mit Umweltzertifikaten, mit Fokus auf Sicherheit und durchgängige Typsicherheit; Architektur einer React-Microfrontend-Analyseanwendung mit Monorepo und Module Federation; mehrere Workshops zu projektrelevanten Themen.

Technologien: React, Angular, TypeScript, Next.js, Microfrontends, Module Federation, Single-Spa, Monorepo, Turborepo, NgRx, RxJs, Signals, Redux-Toolkit, Zustand, Jotai, AG Grid, Recharts, Framer Motion, tRPC, GraphQL, REST, OpenAPI, Tailwind CSS, Scss, Storybook, Vite, Vitest, Cypress, Jest, CI/CD, Barrierefreiheit

SBB / Intersim · 1. und 2. Mandat · Expert Frontend Engineer

Intersim / Schweizerische Bundesbahnen SBB
Ziel: Eine einheitliche, standardisierte Komponentenbibliothek und einen Styleguide für die Bereiche News, Join und E-Learning von SBB schaffen, mit Fokus auf Corporate Identity, effiziente Entwicklung und WCAG-Konformität.

Ergebnis: Erstes und zweites von drei Mandaten, die mir die SBB über Intersim erteilt hat (2020, 2022/23; das dritte folgte 2026). Komponentenbibliothek und Styleguide aufgebaut, die Corporate Identity und WCAG-Konformität über alle Komponenten hinweg sichern.

Aufgaben: Entwurf und Umsetzung der Komponentenbibliothek und des Styleguides (Phase 1); in Phase 2 Expertenberatung, Code-Reviews, Qualitätssicherung und Mentoring für das Entwicklungsteam.

Technologien: Angular, React, TypeScript, Storybook, Lerna Yarn Monorepo, RxJs, Scss, CSS, HTML, React Testing Library, Cypress, Jest, CI/CD, Barrierefreiheit

Swiss GRC · Senior Frontend Engineer

Swiss GRC

Internet und Informationstechnologie

10-50 Mitarbeiter

Ziel: Die Assessment-Management-Anwendung innerhalb der Governance-, Risk- und Compliance-Lösung von Swiss GRC entwickeln, mit Schwerpunkt auf komplexer Formular- und State-Logik sowie Performance für grosse Datenmengen.

Ergebnis: Über neun Monate zur Assessment-Management-Anwendung beigetragen und dabei komplexe Formular- und State-Logik sowie die Performance-Optimierung für grosse Datenmengen verantwortet.

Aufgaben: Werkzeuge zum Erstellen, Planen, Organisieren, Durchführen und Auswerten von Assessments.

Technologien: React, TypeScript, Styled Components, DevExpress, React Testing Library, Cypress, Jest, OpenAPI, CI/CD

Immobear · Software Architect & Technical/Team Lead

Immobear

Konsumgüter und Handel

10-50 Mitarbeiter

Ziel: Konzept und Architektur einer Immobilien-SaaS-Plattform entwickeln und ein Team bis zur Auslieferung von zwei Anwendungen führen.

Ergebnis: Ein Team über 13 Monate geführt und zwei Anwendungen ausgeliefert: eine Verkäufer-App (Objekte, Angebote, Kampagnen, Zahlungen) und eine öffentliche Plattform für Käufer und Mieter.

Aufgaben: Konzept und Architektur der Plattform; Aufbau und Führung des Entwicklungsteams; eine App für Verkäufer zur Verwaltung von Objekten, Angeboten, Kampagnen und Zahlungen; eine öffentliche Plattform, auf der Käufer und Mieter Angebote entdecken, Eigentümer kontaktieren und Besichtigungen vereinbaren.

Technologien: React, Next.js, TypeScript, Node.js, GraphQL, REST, OpenAPI, MongoDB, Sanity.io, Stripe, OAuth 2.0, Google Maps, Material-UI, Scss, Storybook, Cloudinary, AWS S3, React Testing Library, Cypress, Jest, CI/CD, Barrierefreiheit

CSS Versicherung · Senior Frontend Engineer

CSS Versicherung

Versicherungen

>10.000 Mitarbeiter

Ziel: An drei grossen Projekten der CSS mitarbeiten: der mobilen Kunden-App myCSS, einem neuen Prämienrechner für die individuelle Krankenversicherung und dem Relaunch von css.ch.

Ergebnis: Über 26 Monate hinweg Styleguide, Komponentenbibliothek und sämtliche Komponenten für den css.ch-Relaunch gebaut. Der Relaunch wurde als Teil des Teams mit dem Best of Swiss Web Master 2021 ausgezeichnet (umgesetzt von Unic und One Inside für CSS).

Aufgaben: myCSS-App (Authentifizierung, Profilerstellung, Dokumenten-Upload, Testing); ein von Grund auf neu gebauter Prämienrechner für die individuelle Krankenversicherung; Styleguide, Komponentenbibliothek und alle Komponenten für den Website-Relaunch, mit besonderem Augenmerk auf Benutzerführung und Barrierefreiheit.

Technologien: Angular, Vue.js, TypeScript, Ionic, NgRx, RxJs, Scss, CSS, HTML, Nunjucks, Express.js, Node.js, Cypress, Swagger, CI/CD, Barrierefreiheit

Microspot & Interdiscount (Coop AG) · Senior Frontend Engineer

Interdiscount, Coop AG

Konsumgüter und Handel

250-500 Mitarbeiter

Ziel: Einen React-E-Commerce-Webshop für Microspot und Interdiscount mit serverseitigem Rendering und SEO entwickeln.

Ergebnis: Den React-Webshop mitentwickelt; das Projekt wurde als Teil des Teams mit Best of Swiss Web Silber 2018 ausgezeichnet.

Aufgaben: Frontend-Entwicklung des E-Commerce-Webshops mit serverseitigem Rendering und SEO-Optimierung.

Technologien: React, Javascript, SEO, E-Commerce

Vitra Design Museum / zetcom · Senior Software Engineer

Vitra Design Museum

Marketing, PR und Design

10-50 Mitarbeiter

Ziel: Zwei React-SPAs für das Vitra Design Museum umsetzen: einen Sammlungskatalog und einen mobilen Guide fürs Schaudepot.

Ergebnis: Beide React-SPAs umgesetzt und über GraphQL und Relay angebunden. Beide Anwendungen sind seit rund zehn Jahren produktiv im Einsatz.

Aufgaben: Entwicklung von zwei React-SPAs (Sammlungskatalog und mobiler Schaudepot-Guide); Datenanbindung über GraphQL und Relay.

Technologien: React, GraphQL, Relay, JavaScript, SPA

Portfolio


Kontaktanfrage

Einloggen & anfragen.

Das Kontaktformular ist nur für eingeloggte Nutzer verfügbar.

RegistrierenAnmelden