Cleveland, OH — Available for select engagements
Petar
Kraguljac
Senior Design Engineer · Design Systems Architect · Front-End Technologist
Twenty years turning product and interaction design into reusable Angular/TypeScript systems — with a mechanic's instinct for how things actually work under the panel.
01 / About
Two decades of turning
design intent into shipped systems.
Design engineer, front-end architect, and UI/UX leader with 20+ years spanning visual design, enterprise software, design systems, web/mobile products, and hands-on engineering. Deep experience turning product and interaction design into reusable Angular/TypeScript components, scalable CSS/SCSS patterns, responsive interfaces, and documented standards across large applications. Combines a formal visual-design background with production engineering, team leadership, and active AI-assisted development using coding agents, custom prompts/instructions, local LLMs, automation, and machine-readable workflows. Longtime automotive builder and former mechanic with practical experience modifying, diagnosing, fabricating, and integrating mechanical, electrical, and digital systems in enthusiast vehicles.
Core strengths
- Design Systems
- UI Component Libraries
- Angular
- TypeScript
- JavaScript
- Semantic HTML
- CSS3 / SCSS
- Responsive Design
- Accessibility / WCAG / ARIA
- Design Tokens & Theming
- Front-End Architecture
- Reusable Components
- Design-to-Code
- Figma / Adobe XD
- Documentation & Standards
- Performance
- Cross-Browser / Cross-Device UI
- Git
- CI/CD Collaboration
- Testing & QA
- AI-Assisted Development
- AI Agents & LLM Context
- Prompt / Instruction Design
- n8n
- Webhooks
- Product Design
- Automotive Systems
02 / Experience
Professional experience
Enterprise CRM platforms, healthcare systems, and learning platforms — led end to end, from UX architecture through engineering and production support.
- Cross-functional front-end engineering, UX, troubleshooting, and delivery.
- Designed the web and mobile experience for a CRM platform and led its delivery from product concept and UX architecture through engineering, QA, deployment, and production support.
- Designed and developed multiple companion mobile applications around the CRM ecosystem, translating field and customer workflows into integrated, production-ready experiences.
- Led a team of engineers building the CRM and companion applications; coordinated priorities, architecture, implementation, mentoring, engineering standards, QA, and cross-functional delivery.
- Architected and delivered solutions using Angular, TypeScript, JavaScript, .NET/ASP.NET, REST APIs, SQL, Azure, Ionic, Capacitor, iOS, and Android.
- Led organizational and technology change through platform modernization, front-end standardization, mobile delivery initiatives, documentation improvements, and adoption of new engineering workflows.
- Introduced AI-assisted engineering workflows using ChatGPT/OpenAI, Claude, Gemini, Copilot, local LLMs/Ollama, AI agents, n8n, webhooks, and automation to accelerate research, development, documentation, and repetitive engineering tasks.
- Delivered software and digital solutions for enterprise customers including Home Depot and SRS Distribution, balancing customer requirements, usability, maintainability, and production constraints.
Enterprise Data Solutions, Inc. (EDSI)2014–2016
- Designed and built a Learning Management System (LMS) for online learning, defining the UI/UX and developing the web experience used to deliver digital training and educational content.
- Worked directly with stakeholders to translate learning, business, and user requirements into LMS workflows, reusable interfaces, and production-ready online learning experiences.
Philips Healthcare North America2007–2014
- Led front-end development and UI delivery for healthcare web applications, intranet platforms, reporting tools, learning systems, and business-critical resources supporting healthcare operations and field service engineers.
- Collaborated with Philips Design, engineering, operations, training, and business stakeholders to establish interface standards, improve enterprise workflows, and deliver reliable internal platforms.
- Developed training, reporting, analytics, and operational-support solutions in a global healthcare environment where documentation, consistency, quality, and dependable delivery were essential.
Philips Healthcare North AmericaConcurrent role
- Managed iOS and Android development-platform licensing and application distribution processes for internal and external development teams.
- Coordinated vendors and development teams around signing, packaging, deployment, governance, and mobile release requirements.
Philips Healthcare North AmericaConcurrent role
- Created interactive technical learning solutions and multimedia content supporting employee and field-service training across multiple delivery formats.
Applied Industrial Technologies2005–2007
- Produced digital training systems, interactive web media, marketing assets, video, and multimedia learning content for enterprise audiences.
03 / Skills
Technical expertise
Grouped the way the work actually breaks down — front-end systems, design and prototyping, AI-assisted workflows, and delivery platforms.
Front-End & Design Systems
- Angular
- AngularJS
- TypeScript
- JavaScript
- Semantic HTML5
- CSS3 / SCSS
- RxJS
- Angular Material
- Bootstrap
- Reusable Component Architecture
- Responsive Design
- Accessibility-Minded UI
- Design Tokens / Theming
- Cross-Browser Delivery
Design & Prototyping
- UI/UX
- Design Systems
- Wireframes
- Prototypes
- Component Design
- Adobe Photoshop
- Illustrator
- InDesign
- Adobe XD
- Motion / Video
- Production Visual Design
AI & Automation
- OpenAI / ChatGPT
- Claude
- Gemini
- Copilot
- Ollama
- Local LLMs
- AI Agents / Skills
- Prompt & Instruction Design
- n8n
- Webhooks
- Engineering Productivity Automation
Platforms & Delivery
- Git
- Azure
- .NET / ASP.NET
- REST APIs
- SQL
- Ionic
- Capacitor
- iOS
- Android
- Xcode
- Application Deployment
- Mobile Distribution Workflows
04 / What sets it apart
Design engineering, and a mechanic's instinct for systems.
Design + code
Career-long experience spanning visual communication, UI/UX, creative direction, front-end architecture, and hands-on production engineering.
Design systems
Reusable components, shared interaction patterns, CSS/SCSS standards, responsive layouts, documentation, and scalable UI conventions across enterprise applications.
AI-native workflow
Hands-on use of coding agents, local LLMs, custom prompts/instructions, automation, webhooks, and AI-assisted engineering workflows.
Automotive systems
Former mechanic and lifelong hands-on builder with experience in diagnostics, suspension/brakes, turbocharged powertrains, fabrication, electrical integration, CAN-connected electronics, and custom digital instrumentation.
Currently in the shop
Current automotive technology work includes a custom BMW E30 digital cockpit concept using ESP32 displays, CAN data, typed signal models, browser-based emulation, diagnostics, performance displays, and modernized driver interfaces.
05 / Education
Education & credentials
- Cuyahoga Community CollegeAssociate studies / degree in Computer Science
- Collins CollegeBA, Media Arts / HDTV Production; AA, Visual Communications
- Polaris Career CenterCisco CCNA / Novell CNA training
06 / Community
Leadership & community
- Youth Hockey CoachParma Hockey2005–2021
- General Board MemberParma Hockey2013–2018
- PresidentParma Hockey2018–2024
- Coaching & Development, Rules, 10U DirectorCleveland Suburban Hockey League2024–Present
- VolunteerRebuild America
07 / Contact
Let's build something worth documenting.
Open to senior design-engineering, design-systems, and front-end leadership roles — and select consulting work.