Personal · 2024
Raedmenu
A decision-reduction nutrition planner. Built around fast weekly planning and a usability-first interface.
~/ ISMAEL-RAMOS — main · Madrid · Remote
Web 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.
Six things I keep coming back to.
Simplicity over complexity
Building systems that remain understandable as they grow — fewer moving parts, sharper boundaries.
Product-driven engineering
Technology decisions should improve user experience and business outcomes, not optimise for the resume.
Performance is product
Fast interfaces shape perception, usability and retention. Speed is a feature, not a polish phase.
Accessibility by default
Inclusive interfaces are part of good engineering. Semantics and keyboard paths come first, not last.
AI as augmentation
Using AI to accelerate execution while keeping engineering judgement and architectural intent.
Developer experience
Internal tooling, clear conventions and short feedback loops compound product velocity.
Areas I'm actively building, writing and thinking about.
- AI-assisted development workflows
- Frontend architecture with Signals
- Scalable Angular applications
- Product engineering
- Observability & performance
- Design systems
- System design
- UX-driven engineering
A few problems, the constraints around them and how I approached the architecture.
- 2025 Migrating an enterprise Angular app to standalone components Strategy for incrementally moving a large NgModule-based codebase to standalone components without freezing feature work.
- 2024 Bringing a financial product to WCAG 2.1 AA Turning accessibility from an audit checklist into a default of the engineering process.
- 2024 Restructuring a frontend around feature boundaries Replacing a layered structure with feature-based boundaries to make the codebase navigable as it grew.
When AI assistants fail and a forum link saves the day
A small n8n permissions issue reminded me that AI assistants still struggle with niche operational problems where …
First impressions using Claude for UI design work
Notes after experimenting with Claude as a design partner: what works, what doesn’t, and where it fits in a …
Angular 2025 Guide: Project Structure with the Features Approach
Still organizing your app by modules or dumping stuff into shared/? Time for a change.
Angular 2025 Guide: Mastering Standalone Components
Say goodbye to AppModule! Learn how to build Angular apps using standalone components — the modern, cleaner way to …
- Open source · 1.2k★
Angular Reference Architecture
A reference architecture for Angular applications. Patterns for project structure, state and feature boundaries — used as a learning resource by thousands of developers.
- Open source · 200k DL
ngx-scroll-to-first-invalid
Open-source library that improves form accessibility by guiding users to the first invalid field.
- Architecture
- Scalable frontend systems · Monorepos · Feature-driven architecture · SSR / SSG · Observability · Performance optimisation
- Product engineering
- UX collaboration · Accessibility · Experimentation · Analytics · Developer experience · AI-assisted workflows
- Core technologies
- Angular · TypeScript · NestJS · PostgreSQL · Nx · Cypress