„Später übersetzen wir ins Arabische“ klingt harmlos, bis klar wird, dass man später das Menü umordnen, Abstände überdenken und herausfinden muss, warum eine Telefonnummer ein Eigenleben führt.
Arabische Version: gespeicherter Stand vom 2. September 2026. Hier lassen sich Textrichtung und Anordnung mit der englischen Oberfläche oben vergleichen.
Bei Connection.me sind Englisch, Russisch und Arabisch in der Struktur angelegt. Englisch liegt im Stamm, Russisch unter /ru, Arabisch unter /ar. Seiten haben feste Adressen und Sprachbeziehungen. Der Umschalter soll zur entsprechenden Seite führen, nicht jedes Mal zum Anfang zurück.
Die Ansicht „Connection Middle East — erster Bildschirm“ bewahrt echte Inhalte und Gestaltung.
Connection Middle East — erster Bildschirm
Archivierte Oberfläche · Demodaten
Wo die Website React braucht
Die Grundlage ist Astro mit fertigen Seiten. React wird für einzelne interaktive Bereiche genutzt: Kopfbereich, Tabs, Kontaktformular. Ein Leistungsartikel muss nicht zur vollständigen Anwendung werden, nur weil daneben ein Knopf steht.
Die Ansicht „Connection Middle East — interner Bereich“ bewahrt echte Inhalte und Gestaltung.
Connection Middle East — interner Bereich
Archivierte Oberfläche · Demodaten
Inhalte werden über Pages CMS auf Git bearbeitet. Freigegebene Texte lassen sich ohne Markup-Änderung pflegen. Geschäftsinhabern ist das meist wichtiger als ein Bibliotheksname, auch wenn das Aufzählen von Bibliotheken im Technikbericht mehr Spaß zu machen scheint.
Die Anfrage geht an einen separaten Cloudflare-Worker-Handler. Das ist eine nützliche Grenze: Formular zeigen und Anfrage annehmen sind verschiedene Aufgaben. Felder brauchen serverseitige Prüfung, Fehler verständliche Antworten, Erfolg die Bestätigung des Handlers statt eines hübsch gedrückten Knopfs.
Connection Middle East — Kontaktbereich
Archivierte Oberfläche · Demodaten
Drei Sprachen vervielfachen Kleinigkeiten
Ein langer russischer Titel prüft die Kartenhöhe, Arabisch Richtung und gemischte Zeilen, eine übersetzte Knopfbeschriftung die mobile Breite. canonical und Sprachlinks müssen zu echten Adressen passen, nicht zu einer abstrakten Sprachenliste.
Ich arbeite gern für Unternehmen zwischen mehreren Sprachen. Entwickler stoßen hier auf Designeraufgaben, Designer auf Serverlogik. Ist die Arbeit ordentlich gemacht, merkt der Besucher gar nicht, wie viele Berufe nötig waren, damit er in Ruhe eine Anfrage senden kann.
Umfang des Projekts
Connection Middle East musste mehrere Leistungsbereiche und Informationen über zwölf Rechtsräume verbinden. Seitenstruktur, drei Sprachen, SEO-Inhalte und Anfragenverarbeitung wurden deshalb gemeinsam geplant.
Ich nutzte Astro, einzelne React-Inseln, TypeScript und Tailwind. Pages CMS und GitHub verwalten Inhalte, Cloudflare Workers Anfragen, Resend die Mailzustellung. Die meisten Seiten werden als fertiges HTML ausgeliefert.
Mit AI-Werkzeugen durchlief ich den gesamten Weg: Produktstruktur, UX, Umsetzung, SEO-Aufbau und Hosting. Unten steht eine gespeicherte Projektansicht aus meinem Portfolio.
Bei Connection.me ging ich von Struktur und UX bis Umsetzung und Hosting. Drei Sprachen erforderten Prüfungen von Reihenfolge, langen Labels und gemischten Textrichtungen. Englische Ansichten zeigen einen gespeicherten Stand; das separate arabische Beispiel erläutert RTL anschaulich.
Connection Middle East ansehen.
Projektansichten und Aufzeichnungen
Verwandte Geschichten: Shuklina Consulting · Die Website von Modern Medicine.
@nevsky_alexander
Auf Instagram: Dubai jenseits der Postkarte — Familie, Stadt, Entdeckungen und das Leben zwischen den Projekten. Auf Threads: laute Gedanken über Design und KI. Auf YouTube: Videos, die mehr Platz brauchen als eine Story. Folgt mir dort, wo ihr euch wohlfühlt, und lasst uns in Kontakt bleiben