Industrial website UI/UX
Inco-Tech — Industrial website for an electrical panel builder
UI/UX design in Figma by Nahj team members for Inco-Tech, an Egyptian electrical panel builder: a site map, a design system, eight English pages and a right-to-left Arabic home page.
- Outcome: Site map plus English and Arabic UI
Technologies: UI/UX Design, Figma, Website Design, Information Architecture, Design System, Arabic RTL UI, Bilingual Website, Industrial, Electrical Engineering, Manufacturing
Project links: Website · Watch the project video
The Challenge
Inco-Tech is an Egyptian electrical panel builder. It makes low-voltage switchboards as an ABB authorized panel builder, and offers commissioning and testing, maintenance, sales and after-sales service. Its website had to present all of that clearly: products with their technical specs, projects by sector, certificates, news and careers.
That is a lot of technical content for one site, and it had to look solid and industrial, not generic. It also had to work in English and Arabic, with the Arabic version mirrored right to left, not just translated.
This case study shows individual work by Nahj team members, delivered across various roles and companies. It was not a Nahj studio project.
Our Approach
- Site map — Mapped seven sections, from Home and About to Products and Contacts, down to what each page holds.
- Visual direction — Collected references on an Inspirations page and set a black, white and brand-red look.
- Design system — A Design System page for the shared colours, type and components behind every page.
- Page design — Eight English pages: Home, About, Products, Projects, Certificates, News, Career and Contact.
- Arabic RTL — The home page mirrored for Arabic, from the logo and menu to the hero and buttons.
Core Features
- Statement hero — Build Better Projects in bold type on black, with a red Contact Us button.
- Clients and consultants — Logo rows for clients and consultants, with the client logos in a paged carousel.
- Services at a glance — Four icon cards: commissioning and testing, maintenance, sales and after sales.
- Projects by sector — Project cards tagged by sector, such as Educational, Residential and Commercial.
- Spec-first product cards — Each board lists material, finish, form, protection, rated voltage and current, with a Data Sheet button.
- Company story — An About page with Who We Are, overlapping photos, and Mission and Vision cards.
- Clear navigation — An eight-item menu with an active underline, and breadcrumbs over a photo hero on inner pages.
- English and Arabic — An EN/AR switch in the header, and an Arabic home page mirrored right to left.