The Challenge
A fast-growth startup operating in a bilingual Arabic-English market needed a cohesive digital interface system that could serve users fluently in both languages — without compromising visual quality or usability in either direction. The complexity lay not just in translation, but in the fundamental design shift that Arabic requires: right-to-left text flow, mirrored layout logic, culturally appropriate typographic hierarchy, and interface components that behave consistently across both scripts. Most design teams default to building English-first and retrofitting Arabic as an afterthought, which results in broken layouts, misaligned elements, and a degraded experience for Arabic-speaking users. This client needed a purpose-built bilingual system from the ground up, delivered in Figma, and ready to hand off to a development team.
Our Approach
Helion360 approached the project by establishing a dual-language design system before touching a single screen. The team began by auditing Arabic typography pairings that balanced aesthetic appeal with strong legibility on digital interfaces, selecting typefaces that performed well at both headline and body sizes in RTL contexts. Component architecture was planned so that every element — buttons, input fields, navigation bars, cards, and modals — could mirror cleanly between LTR and RTL without requiring duplicate design files. Figma's component variants and auto-layout features were used extensively to build a responsive, scalable system. Visual hierarchy was tested in both language directions to ensure that neither version felt like a translation of the other, but rather a native experience in its own right. Color, spacing, and iconography were calibrated to reflect the startup's brand identity while remaining culturally resonant with its target audience.
The Outcome
The engagement produced a fully structured Figma design system encompassing both Arabic and English interface states, covering the startup's core product screens including onboarding flows, dashboards, and key user journey touchpoints. Every component was documented and organized for developer handoff, significantly reducing the ambiguity that typically slows down bilingual product builds. The startup received a design foundation they could scale — adding new screens or features without losing consistency across either language. The system's RTL logic was embedded at the component level, meaning future design updates would automatically propagate correctly in both directions. The client's product team described the deliverable as the most structured design asset they had received to date.
Helion360 brings the same bilingual design rigor to any team building digital products for Arabic-speaking markets or multilingual audiences.