ARVEXA
← WorkAI Web Development

Sybrisco

A fully bilingual (Arabic/English) corporate site for a Saudi IT and digital-transformation consultancy, built to read as a credible enterprise partner for Vision 2030 work, with a real Arabic-first experience rather than a translated afterthought.

Client
SYBRISCO KSA
Live
ReactViteGoogle Fonts (IBM Plex Sans Arabic, Sora, Manrope)Vercel
Sybrisco screenshot
01

The Problem

SYBRISCO sells enterprise IT, cybersecurity, cloud, and digital-transformation services into the Saudi market, where credibility depends on reading as a genuine Arabic-language, Vision 2030–aligned partner, not an English site with a translate button bolted on. The site had to carry real trust signals (certifications, compliance posture, named leadership) and convert a visitor straight into a qualified consultation request.

02

The Starting Point

Built from scratch as a bilingual corporate site; no earlier version is visible from the deployed product.

03

The Solution

A single-page site, hero, stats, about (vision/mission/goal), seven services, a "why us" trust section, a four-step engagement approach, nine target sectors, and a contact section with a real working form, that loads in Arabic by default and switches to English (or back) instantly via a nav toggle. The switch isn't a text swap: it flips the entire layout direction, right-to-left for Arabic and left-to-right for English, mirroring the nav, logo lockup, stat blocks, and every section's alignment, and swaps typefaces per script (IBM Plex Sans Arabic for Arabic copy, Sora/Manrope for Latin) rather than rendering Arabic in a Latin font pretending to support it.

04

Architecture

React (Vite) single-page app, static-deployed on Vercel
i18n layer driving both copy and document text-direction (RTL ↔ LTR)
Per-script web fonts: IBM Plex Sans Arabic (AR), Sora / Manrope (EN)
Animated stat counters (founded year, service-area count, quality/vision figures)
Client-side contact form (name, email, company, message)
05

Engineering Work

The real engineering is in the localization, not just the copy. Switching languages re-renders the whole document direction, so RTL Arabic and LTR English aren't two skins on the same fixed layout: nav order, the logo lockup, icon placement, and every card and stat block mirror correctly rather than just having their text replaced in place. Loading a matched Arabic web font (IBM Plex Sans Arabic) instead of leaning on the Latin body font's fallback glyphs is a deliberate, easy-to-skip detail that this site gets right. Content is organized into clearly scoped sections (About, Services, Why Us, Approach, Sectors, Contact) that hold up in both directions and at both text lengths, since Arabic and English strings for the same sentence are rarely the same width.

06

AI Contribution

No AI is used in this product. It's included in the portfolio for its production-engineering rigor, not for AI usage.

07

Results

A complete bilingual corporate site, hero, stats, about, seven services, a trust/credentials section, a four-step approach, nine target sectors, and a working contact form, with full RTL/LTR mirroring verified live in both directions, not just spot-checked copy.

08

Final Product

Sybrisco screenshot
Sybrisco screenshot
Sybrisco screenshot

Have a project like this one?