ismaelramos.dev
  • Search in articles

    ~/ ISMAEL-RAMOS — main · Madrid · Remote

    Frontend Architect
    building scalable
    digital products.

    Modern frontend architecture, AI-assisted engineering, performance and user experience.

    I'm Ismael — I design and build web systems that stay maintainable as products and teams grow.

    LATEST ARTICLE Persisting Windsurf context across sessions with rules May 12 · 3 min →

    Twelve years, four numbers.

    8M+
    Users reached
    Santander scholarships platform, across markets
    12y
    Shipping web software
    2013 — today, frontend & full stack
    18+
    Products shipped
    Commercial platforms + personal projects
    2.4k★
    On open source
    Angular Example App + libraries on GitHub

    Three case studies. Lead with impact.

    Complex architectural decisions reduced to their measurable outcome. Start with the numbers, then explore the decisions behind them.

    CASE 01 · 2024
    1 → 8teams
    Independent feature teams, zero rewrites

    Architecting a scholarship platform for 8 million users

    Restructuring a long-running frontend around feature boundaries so multiple teams across countries could ship in parallel without stepping on each other.

    CASE 02 · 2025

    Building an alternative credit scoring system for SME financing

    Designing and shipping Trust·u, a platform that analyzed bank transaction data to generate alternative credit scores for small and medium-sized enterprises — integrating fragmented banking data, complex algorithmic scoring, and bank-grade security into a single unified product.

    CASE 03 · 2025
    −42% LCP
    Largest Contentful Paint, p75

    Rebuilding for Core Web Vitals at multi-million-user scale

    How a content-heavy scholarship platform moved from inconsistent field metrics to passing CWV thresholds on every monitored route — without dropping the analytics, GTM tags or third-party integrations the business needed.

    3 of 6 the rest live at case-studies

    Projects worth sharing

    Work that spans open source contributions and full-stack explorations.

    • Open source · 2.4k★

      Angular Example App

      A reference architecture for Angular applications. Patterns for project structure, state and feature boundaries — used as a learning resource by thousands of developers.

    • Personal · 2026

      QuizCurious

      An AI-assisted quiz platform for curious minds — turn any topic into a tailored quiz and learn by playing.

    • Personal · 2024

      Randmenu

      A decision-reduction nutrition planner. Built around fast weekly planning and a usability-first interface.

    More work on GitHub →

    Six things I keep coming back to.

    1. Simplicity over complexity

      Building systems that remain understandable as they grow — fewer moving parts, sharper boundaries.

      Applied in Frontend architecture redesign →
    2. Product-driven engineering

      Technology decisions should improve user experience and business outcomes, not optimise for the resume.

      Applied in Cross-team component library →
    3. Performance is product

      Fast interfaces shape perception, usability and retention. Speed is a feature, not a polish phase.

      Applied in Performance optimisation →
    4. Accessibility by default

      Inclusive interfaces are part of good engineering. Semantics and keyboard paths come first, not last.

      Applied in Accessibility implementation →
    5. AI as augmentation

      Using AI to accelerate execution while keeping engineering judgement and architectural intent.

      Applied in AI features integration →
    6. Developer experience

      Internal tooling, clear conventions and short feedback loops compound product velocity.

      Applied in Angular standalone migration →

    Now and always

    What I'm exploring this quarter alongside the practices that define my work. Both drive the decisions I make.

    NOW   —   Q2 2026

    Loud right now

    Where the bulk of my attention is this quarter. Updates with the /now/ page.

    AI-assisted workflows Signals & reactivity Frontend observability Design systems at scale Product-engineering bridges UX-driven engineering

    ↻ updated Apr 12, 2026

    ALWAYS   —   CORE CAPABILITIES

    Always on

    The disciplines I bring to anything I build — regardless of stack or quarter.

    Architecture

    • Scalable frontend systems
    • Monorepos
    • Feature-driven
    • SSR / SSG
    • Observability
    • Performance budgets

    Product engineering

    • UX collaboration
    • Accessibility
    • Experimentation
    • Analytics
    • DX
    • AI workflows

    Core technologies

    • Angular
    • TypeScript
    • NestJS
    • PostgreSQL
    • Nx
    • Playwright
    • Lit

    How I draw a frontend.

    frontend-architecture.svg · layered, dependency-rule enforced
    own code platform data flow
    USER · BROWSERrequests, interactions, perceived performanceAPP SHELLrouterlayoutauth boundaryerror walli18n · theme · a11yFEATURES · bounded contexts, lazyscholarships/scholarshipsapplications/applyprofile/meadmin/admin+ next featureadd without touching othersSHARED KERNELdesign systemprimitivesdomain typesutilities · signalsADAPTERShttpstoretelemetryPLATFORM · not yours, but you depend on itREST · CMS · identity · analytics · CDN · observability stack

    The shell is the only place routing & auth live — features never reroute themselves.

    Features depend down, never sideways: zero cross-feature imports, lazy by default.

    The shared kernel is the only thing the platform talks to — swap an adapter, the app does not notice. The diagram is the rule; the rule is enforced by Nx module boundaries.

    Writing

    Articles exploring engineering decisions, architectural patterns, and the craft of building.

    $ subscribe --newsletter

    Stay in the loop

    Occasional notes on architecture, product engineering and AI-assisted workflows. No spam — unsubscribe at any time.

    SUBSCRIBE →
    Browse all articles →