Diego Avendaño

Developing a modern, high-performance corporate website for an AI implementation consultancy, focused on clear user journeys, conversion, and scalable content architecture. 1. Built a responsive, multilingual (DE/EN) website with a modular component structure. 2. Implemented interactive UI sections, smooth transitions, and scroll-based animations for a modern visual experience. 3. Structured the platform around conversion-focused flows, including service pages, knowledge hub, and lead-generation CTAs. 4. Integrated contact forms, calendar booking, and automated lead capture into the client’s data pipeline. 5. Optimized performance, SEO structure, and responsive behavior across desktop, tablet, and mobile devices.

1. Build and ship user-facing product features, landing pages, and internal tools focused on performance, usability, and conversion. 2. Develop responsive, data-driven interfaces by integrating REST APIs and third-party platforms into the product experience. 3. Design and implement product logic for campaigns, tracking, and monetization flows. 4. Collaborate on feature iterations, UI improvements, and technical decisions to enhance user experience and product efficiency. 5. Optimize frontend performance, loading times, and overall reliability across multiple web properties.

Built the complete frontend for Ferag’s logistics web application, migrating a legacy desktop solution to a responsive, browser-based platform. Delivered interactive data visualizations with ngx-graph and Angular Material, integrated real-time REST APIs, and developed dynamic UI components for complex logistics operations. Key contributions: 1. Frontend Development: Designed and implemented all features from scratch using Angular 18, TypeScript, and Angular Material, replicating and enhancing desktop workflows. 2. Data Visualizations: Created interactive flowchart-style views with ngx-graph and dynamic tables with conditional columns, sorting, and filtering. 3. Responsive & Accessible Design: Ensured consistent performance across devices and compliance with accessibility standards. 4. Dynamic Data Handling: Built reusable components for real-time data loading, filtering, and error handling in a modular architecture. 5. API Integration: Integrated REST APIs for live data synchronization and operational efficiency. 6. Feature Enhancements: Added role-based access control, modal workflows, and interactive UI elements. Technologies: Angular 18, TypeScript, Angular Material, ngx-graph, REST APIs, Responsive Design, Custom Data Visualization Components.