A hand-coded command center that turns months of U.S.–Saudi market research into one clear, partner-ready decision — fully bilingual in English and Arabic, with true right-to-left support. An initiative of PNW Floor Design.
Categories to one pick
Markets studied
Scoring criteria
Bilingual, RTL
Bridge 5 is a strategy system for choosing which American product to launch for Saudi buyers first. The problem was never a lack of data — it was too much of it, with no shared way to compare options or decide. My job was to design a clear path from fifteen product directions down to one confident recommendation, and to present it so a Saudi business partner could read and trust it at a glance, in their own language.
15 directions, two markets, dozens of data points — no system to compare or decide.
A bilingual partner who needed to scan, understand, and decide — not read a report.
Research synthesis, UX/UI, and the full hand-coded front-end build for PNW Floor Design.
I studied two markets side by side — U.S. social-commerce behavior and Saudi consumer culture — then built a 17-criterion scoring model to rank fifteen categories on what actually decides success: cultural fit, influencer potential, shipping difficulty, profit margin, repeat-purchase potential, legal/import risk, and speed to launch.
The hardest design problem was honesty. Much of the data was preliminary, so I built a system that visibly labels every unverified figure as “needs verification” rather than presenting guesses as facts. That one decision set the tone for the whole product.
U.S. trend signals against Saudi buyer psychology, payment habits, and culture.
A weighted scorecard that turns opinion into a comparable, defensible ranking.
15 → 10 → 7 → 5 → 1, with the reasoning visible at every cut.
One toggle swaps the whole interface to professional Arabic and flips to RTL. Headings switch from a Latin serif to an Arabic typeface so the Arabic never breaks — an easy detail to get wrong and important for a Gulf reader.
No shifting gradients, no hover jitter. A calm palette and steady layout read as premium and let the decision do the talking.
Fluid grids reflow on phone, tablet, and laptop; motion respects reduced-motion. Uncertain figures are labeled, never disguised.
System note for Professor Pak: this case-study page inherits the portfolio design system (Ink · Ground · Sepia · Amber · Paper). The embedded product below runs its own brand system on purpose — it is the artifact being studied, the way a gallery frame and a painting follow different rules. Range is not drift.
Hand-coded in HTML, CSS & JavaScript. Toggle العربية inside the frame to see the full English ⇄ Arabic, right-to-left experience.
Open the product full screen ↗The command center isn’t a single screen — it’s a documented research system. Every claim is backed by a file in the evidence library.
“Critical thinking is your strongest skill. Build custom design systems to stand out. Strong case studies are the most important strategy.” — Professor Min Pak
Bridge 5 is where that advice landed hardest. The value wasn’t the data — it was making a complex decision feel simple, scannable, and trustworthy. Bilingual UX taught me that real RTL support, font swapping, and tone have to be planned from the first line, not bolted on. And labeling uncertain figures honestly made the product feel more credible, not less.
If I continued, I’d verify the market figures against live sources, add a short guided “first decision” walkthrough, and user-test the Arabic experience with native readers.
Concept / academic project for PNW Floor Design. Figures shown in the product are illustrative and labeled “needs verification.” The business partner is referred to only as “the Partner.”