Responsive medical services flow diagram
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
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