Responsive medical services flow diagram

Job ID: 38957662

Budget: €30 – €250 EUR

I need a skilled WordPress developer to create an interactive, responsive medical services flow diagram using Bricks Builder. The design follows a dual-axis layout showing medical service progression.
Technical Requirements:

Create a responsive section compatible with WordPress and Bricks Builder
Implement a dual-axis layout that:
Horizontal axis: Shows service flow from Vorsorge → Therapie → Nachsorge
Vertical axis: Shows facility types (Praxis → plus → Klinik)
Operations services split into "ambulant" and "stationär"

Responsive Design Requirements:
Desktop: Maintain dual-axis layout as shown in reference image
Mobile: Axes should reorganize appropriately for smaller screens
All elements must remain clear and readable at all viewport sizes

Visual Elements:
Circular nodes for each service point
Connecting lines showing flow between services
Overlapping effect with semi-transparent elements
Color scheme matching provided design (blue background, white circles, yellow-green connectors)

Technical Specifications:
CSS Flexbox preferred, but open to alternative solutions if better suited
Clean, maintainable code
Proper integration with Bricks Builder
Cross-browser compatibility
Performance optimization
Accessibility compliance

Deliverables:
Complete code implementation within Bricks Builder
Documentation of any custom CSS/JS used
Instructions for future maintenance/updates
Testing across major browsers and devices

Please include in your proposal:
Your experience with WordPress and Bricks Builder
Similar projects you've completed
Estimated timeline
Any questions about the implementation
Related categories: PHP WordPress CSS HTML5 HTML