Mall Electro — Multilingual Industrial B2B Website
From a basic list of electrical services to a structured three-language industrial website.
I developed the project from the ground up, covering information architecture, UX/UI direction, content structure, multilingual delivery, technical SEO and AI-assisted React/TypeScript implementation.
Starting point · 01
From a service list to a digital product
The project began with a very limited source base: a basic list of electrical services offered by the company.
There was no existing website, prototype, established information architecture, prepared website copy, design system or multilingual content structure.
The first task was therefore not redesign. It was defining what the website needed to become.
I structured the business offer into three connected areas — Services, Solutions and Industries — and used that framework as the foundation for navigation, page hierarchy, content and interface design.
Information architecture · 02
Organising technical services for industrial audiences
A simple service list was not enough to explain how the company works with industrial clients.
The content architecture was expanded into three layers:
- Services
- Explain what the company does.
- Solutions
- Organise the offer around project situations and operational needs.
- Industries
- Show where those capabilities are applied.
This structure allowed the website to move beyond a generic corporate presentation and become a practical B2B information system for industrial buyers.
Content system · 03
One system for services, solutions and industries
The website uses repeatable page patterns rather than isolated custom layouts.
Service detail pages share a consistent structure for technical explanation, applications, process, FAQs and enquiry actions. The same principle is used across Solutions and Industries.
This made the website easier to scale across three languages while keeping hierarchy, navigation and presentation consistent.
The production structure includes six service detail destinations, six solution detail destinations and six industry detail destinations per language.
UX / UI system · 04
A visual system built for technical credibility
The design direction was intentionally restrained, technical and industrial.
I used structured spacing, reusable cards and clear typographic hierarchy to help industrial buyers scan service information, compare capabilities and move between technical explanations and relevant enquiry actions.
The visual system was developed with the information architecture so the interface supports practical evaluation of services, solutions and industry applications rather than operating as decoration.
Multilingual delivery · 05
Three production languages, one structured system
The live website supports Bulgarian, English and Romanian through locale-specific routes and localized slugs.
The multilingual structure is not based on simple duplicated URLs. Each language version uses its own route structure and metadata, with corresponding canonical and hreflang relationships.
The final production sitemap contains 81 localized URLs — 27 per language.
I reviewed the Bulgarian and English versions before publication. Romanian localization was AI-assisted, integrated into the website and then reviewed by a native speaker. Approximately five to six corrections from that review were incorporated into production.
Technical delivery · 06
Production architecture through AI-assisted front-end delivery
Through a human-directed, AI-assisted front-end workflow, the production architecture was implemented with React and TypeScript using Vite, Tailwind CSS and React Router.
The implementation includes localized metadata, canonical URLs, hreflang relationships, structured data, sitemap and robots.txt generation, and prerendered output.
Reusable React components and shared layouts support locale-aware routes, localized slugs, repeatable detail-page patterns, redirect handling and a custom 404 page.
AI-assisted production · 07
Human-directed, AI-assisted development
The project was not produced autonomously by AI.
Project direction, information architecture, UX/UI decisions, content review and final approval remained human-led.
ChatGPT and Codex were used as production tools for content drafting, localization support, technical planning, React/TypeScript implementation, code iteration, debugging and SEO documentation.
The final implementation decisions and production review remained under human direction.
Delivered website
From minimal input to a complete multilingual industrial website
Mall Electro started with a basic service list and no existing digital structure.
The delivered production website gives industrial buyers clear routes through the company’s services, project-oriented solutions and industry applications.
The result is one structured multilingual B2B presence developed from limited initial business material.
Visit live website ↗