Segal Industrial Group Website
A complete platform showcasing industrial electrical expertise and products, built on a modern architecture
About the project
The Segal Industrial Group website was built with the latest web technologies as a showcase of technical expertise in high-voltage, industrial electrical systems and automation. The platform presents a full range of products, from HV switchgear panels to AAGER inverters, in a user-friendly, multilingual format.
Part 1: About Segal Industrial Group (specialized content)
Field |
Key products |
Industrial applications |
|---|---|---|
Electrical panels |
MV (medium-voltage), LV (low-voltage) and HV (high-voltage) panels |
Power plants, refineries, petrochemical industries |
Industrial electrical supplies |
Capacitor banks, galvanized cable trays, heat-resistant cables |
Construction projects, manufacturing plants |
Industrial automation |
AAGER inverters, temperature/pressure/flow sensors, PLC and HMI |
Automotive production lines, food industries |
Industrial lighting |
Explosion-proof floodlights, IP68 production-line lights |
Mines, processing halls |
Part 2: Technical features of the website (technologies used)
2.1 Custom content management system (CMS)
- Advanced product management module
- Hierarchical categories (electrical panels > medium voltage > stationary)
- Smart technical specifications (search by specialized parameters)
- Multilingual system
- Parallel Persian/English content
- New languages can be added without code changes
2.2 User interface design (UI/UX)
- Principles carried over from Figma:
- Modular component design
- An industrial color palette (#2E5BFF – technical blue, #8C8C8C – mechanical gray)
- Material Design principles for richer interaction
- Optimized for industry:
- Technical product galleries with 4K zoom
- Product comparison charts (technical specifications side by side)
2.3 Security features
- Protection layers:
- CSRF protection on contact forms
- SQL injection prevention in queries
- AES-256 encryption of sensitive data
- Content security:
- Checking of uploaded files
- Access restrictions based on RBAC (Role-Based Access Control)
Part 3: Technical challenges and innovative solutions
Challenge |
Karzaan’s solution |
|---|---|
Presenting complex industrial products – a wide variety of technical parameters |
A dynamic filter system (filter by voltage, current, IP rating, dimensions) |
Managing bilingual content – keeping content in sync |
An integrated translation module with memory caching |
Optimizing heavy images – CAD files and drawings |
Smart conversion to WebP + lazy loading |
Hierarchical product structure – multi-level subcategories |
Nested sets with tree behaviors |
Part 4: Project results
4.1 Better user experience
- 40% lower bounce rate thanks to purposeful design
- 65% longer time on page on technical product pages
4.2 Streamlined processes
- 70% less time for admins to add new products
- CRM integration with automatic messaging to customers
4.3 Technical metrics
Metric |
Value |
|---|---|
Home page load time |
< 1.2s |
Google SEO score |
98/100 |
Browser compatibility |
100% (Chrome, Firefox, Edge) |
Supported resolutions |
From 320px to 4K |
Part 5: UI/UX design in Figma
- Design principles:
- Interactive wireframes with clickable prototypes
- A dedicated design system with 50+ components
- WCAG 2.1 accessibility standards
- Visual strengths:
- Interactive infographics of the electrical panel manufacturing process
- SVG animations showing how products work
Conclusion
As a symbol of combining industrial expertise with web technology, the Segal Industrial Group website uses:
- A solid Yii2 and MySQL architecture
- Systematic design in Figma
- Advanced multilingual and security mechanisms
to create an exceptional digital experience for a specialized electrical industry audience. The project demonstrates Karzaan Software Group’s ability to deliver web solutions for the most complex industrial needs.
To learn more about website design and its process, read these articles on the Karzaan blog:
- Custom website or ready-made template? A guide to the right choice for your business
- Corporate website design cost: a complete pricing guide (in Persian)
- Why website design matters for small businesses: from visibility to more sales
- Responsive vs. adaptive website design: a complete comparison
- What is modern website design? The best strategies and trends of 2025
