Amir Cabili
About Projects Experience Q&A Contact

Crafting the Future of Web Experiences

Senior Front-End Developer & UI/UX Architect based in Tel Aviv

I build performant, elegant, and accessible interfaces using Angular, TypeScript, RxJS, and design systems — optimized for Lighthouse 90+, a11y, and conversion.

View Projects Download CV
Modern workspace with monitors and UI design — copyright‑free Unsplash

About Amir

I’m a Senior Front‑End Developer & UI/UX Expert with 10+ years building high‑impact products for enterprise and startup teams. I specialize in Angular, TypeScript, and design systems that scale — with strong attention to accessibility (WCAG), performance (Core Web Vitals), and delightful micro‑interactions.

  • Leadership: Led multi‑team design system efforts and mentored 8+ engineers.
  • Performance: Consistently ship Lighthouse 90+ and measurable UX wins.
  • Accessibility: WCAG 2.1 AA implementations, ARIA patterns, keyboard flows.
Angular TypeScript RxJS SCSS Design System A11y NgRx
Highlights
  • Shipped 30+ production web apps
  • Reduced initial load up to 45%
  • Cut CLS & LCP regressions across teams
  • Built tokenized theming (dark/light)
  • Hands‑on with audits & usability testing
Performance First

Code‑splitting, preloading strategies, image optimization, and RxJS patterns that keep UI silky smooth on real devices.

Design Systems

Tokenized theming with SCSS utilities, consistent components, and UX guidelines that scale across products.

Inclusive by Default

WCAG‑compliant flows, semantic HTML, ARIA patterns, and clear focus states so everyone can use your product.

Projects

Enterprise dashboard
Enterprise Dashboard
  • Angular 17+ with advanced filters
  • Responsive analytics UI
  • Performance-optimized charts
Mobile PWA mockups
Mobile Portal
  • PWA with offline-first UX
  • Cross-device optimization
  • Session caching & sync
Design system components
Design System
  • SCSS tokens & utilities
  • Custom Angular components
  • Unified dark/light themes

Experience

Modern office meeting room
Hub Security — Front-End Tech Lead
  • Angular microfrontends
  • RxJS data pipelines
  • Mentored 8+ devs
AngularTypeScriptRxJSSCSS
Product design collaboration
Hub Security — UI/UX Specialist
  • Data-driven dashboards
  • Usability & A11y
  • Design tokens
FigmaDesign TokensA11yAngular
Trading floor monitors
eToro — Front-End Engineer
  • Real-time dashboards
  • Optimized pipelines
  • -35% render lag
AngularNgRxRxJSWebSockets
Developers at laptops
eToro — Accessibility Specialist
  • WCAG 2.1 AA audits
  • ARIA patterns
  • Keyboard navigation
WCAGARIAKeyboardTesting
Team planning at table
Aman Group — UI/UX Specialist
  • Component library
  • UI consistency
  • Figma workflows
SCSSBootstrapUXDesign System
Workshop with sticky notes
Aman Group — Accessibility Lead
  • WCAG AA compliance
  • Accessible patterns
  • Inclusive reviews
WCAGARIALighthouseScreen Readers
Data visualization on monitors
Matrix Digital — Front-End Dev
  • Modular dashboards
  • D3 visualizations
  • Faster delivery
AngularD3.jsTypeScriptSCSS
Design studio desk
Matrix Digital — UI/UX Expert
  • Design systems
  • Style guides
  • Brand consistency
Design SystemColorTypographyAudit
Conference hall setup
Kenes Group — Web Developer
  • Event dashboards
  • Multilingual UI
  • Load optimization
HTMLCSSJavaScripti18n
Creative agency workspace
Zarmon Advertising — FE Designer
  • Ad landing pages
  • Micro-animations
  • Brand visuals
CSS AnimationsGSAPPhotoshopBranding
Freelance home office
Freelance — Senior Front-End
  • 30+ SaaS apps
  • SEO & performance
  • Pixel-perfect UI
AngularReactNext.jsVercelNetlify
Open source coding
Open Source & Certifications
  • Angular tooling & SCSS libs
  • Reusable components
  • B.Sc. CS (HCI), UX/UI
GitCInpmESLintHCI

Let's Build Something Great

Have an idea, a roadmap, or a messy legacy UI? I help teams turn vision into fast, accessible, production‑ready experiences.

Why teams reach out
  • Ship a polished MVP in weeks, not months
  • Uplift Core Web Vitals & Lighthouse 90+ targets
  • Design System setup: tokens, theming, docs
  • Complex Angular + RxJS data flows simplified
  • WCAG 2.1 AA accessibility across key journeys
Email Amir Book a discovery call
Typical engagements
  • New product UI from zero → MVP
  • Dashboards with real‑time data & caching
  • PWA: offline‑first, installable, mobile‑tuned
  • Design System (docs, tokens, components)
  • Accessibility audits & fixes (WCAG 2.1 AA)
  • Performance budgets, profiling, and CI checks
Typical response: within 24 hours
Based in Tel Aviv • Remote friendly
English / Hebrew
What helps me help you
  • 1–2 sentence problem statement
  • Target users & key journeys
  • Tech stack & constraints
  • Timeline, budget range, stakeholders
  • Success metrics (e.g., LCP, conversion, a11y)
Send a brief Ask a quick question

We kick off with a 30–45m discovery call to define scope, constraints, and success metrics. I then propose a short plan covering milestones, deliverables, and a lean timeline.

Production‑ready UI (Angular/TypeScript/SCSS), documented components, accessibility fixes, performance improvements, and concise handover notes or Loom walkthroughs.

Fixed‑scope sprints for clear outcomes, or flexible retainers for ongoing delivery. I’m comfortable embedding with product/design/BE teams.

Git, CI, Jira/Linear, Figma, Storybook, and Slack. I document decisions, add tests where they matter, and keep PRs small for fast reviews.

Send a link or PDF of your current UI and 3 priorities. I’ll reply with a short, actionable plan you can use immediately.

I build new apps with standalone components, Route Config, and functional providers. Migration plans include incremental module → standalone adoption, strict typing, and zoneless change detection where feasible.

I set performance budgets (LCP, CLS, INP), lazy‑load routes, preconnect critical origins, optimize images (AVIF/WebP + responsive srcset), and profile change detection. I use RxJS operators to avoid needless re‑renders and ship prefetch strategies for hot paths.

Start with tokens (color/spacing/typography), build primitive components, add usage guidelines, and publish via Storybook + npm. I provide a migration doc and codemods to refactor legacy styles to tokenized SCSS utilities.

Semantic HTML, ARIA where appropriate, focus management, visible states, and keyboard‑first flows. I run axe, Lighthouse, and manual screen‑reader checks (NVDA/VoiceOver), with a backlog of a11y issues triaged by severity.

Yes—Module Federation for independent deploys, shared UI libraries, and clear routing contracts. I add observability for cross‑app performance and a design‑token pact to keep UX consistent.

Start simple with signals/Component Store, move to NgRx for complex domains or cross‑cutting concerns. Strong typing, selector memoization, and clear action conventions keep data flows predictable.

Unit tests for pure logic, component tests with Testing Library, and a slim E2E layer (Playwright) on critical journeys. I add visual regression for DS components and wire tests into CI gates.

Small PRs, clear checklists (a11y, perf, security), and constructive comments. I pair with devs, share snippets/patterns, and track recurring issues to evolve our guidelines.

Follow OWASP ASVS basics: output encoding, CSP, dependency auditing, and secure storage. I avoid sensitive data in the client and review analytics to keep PII out of logs.

I use Angular i18n or Transloco, extract copy to JSON/XLIFF, and test locale‑aware formatting. Layout tokens plus logical properties ensure effortless LTR/RTL switching.
Start the conversation