Fashiona

Fashiona — HTML-Template für Mode & Lifestyle-E-Commerce

Ein dreisprachiges (EN/AR/TR) 26-seitiges Mode-Template mit vollständigem Kaufweg — Shop, Produkt, Tasche, Kasse, Konto und Sendungsverfolgung — dazu ein Journal, eine Filialsuche und jede Rechtsseite, die ein echter Shop braucht. Mobile-First, mit vollständig gespiegeltem RTL-Layout.

Fashiona ist ein vollständiges mehrseitiges Frontend für Modelabels, Concept Stores und Multi-Marken-Boutiquen. Sechsundzwanzig Seiten sind fertig — Start, die Shop-Übersicht mit klebender Filterleiste und Umschalter zwischen Raster und Liste, ein vollständiger Produktdatensatz, der Archivverkauf, die Tasche, eine einseitige Kasse, Bestellbestätigung, Merkliste, Suchergebnisse, der Kontobereich mit Bestellungen und Adressen, Anmelden, Registrieren, Passwort zurücksetzen, Sendungsverfolgung, die Markengeschichte, die Filialsuche, Kontakt, Journal und Artikel, Hilfebereich, Größentabelle, Versand und Rückgabe, AGB, Datenschutz, 404 und „Demnächst“ — alle mit gemeinsamem Header, Footer, Taschenleiste, Schnellansicht, Schnellkauf, Vergleichsleiste und Größenmodal. Die Startseite wurde neu sortiert statt neu eingefärbt: Die vier Zusagen, die darüber entscheiden, ob jemand einem Modeshop überhaupt traut — Lieferung, Rückgabe, Änderungen, Reparatur — werden beantwortet, bevor irgendetwas verkauft wird, und die Fotos der Kundschaft kommen vor den geschriebenen Bewertungen. Jede Abschnittsüberschrift wurde dabei neu geschrieben. Jeder Text jeder Seite ist aus einem einzigen Wörterbuch mit 604 Schlüsseln auf Englisch, Arabisch und Türkisch übersetzt. Englisch steht im Markup, sodass jede Seite auch ohne JavaScript vollständig und indexierbar ist; das Umschalten ist sofort, die Wahl bleibt erhalten oder lässt sich mit ?lang= erzwingen, und übersetzt sind auch die Screenreader-Beschriftungen, die Platzhalter, die Alternativtexte der Bilder und die Optionen in jedem Auswahlfeld. Arabisch ist eine echte Spiegelung statt einer rechtsbündigen Kopie: Header, Filterleiste, Kassenspalten, Brotkrume und Countdown kippen, richtungstragende Pfeile werden passend gespiegelt, und Preise, Telefonnummern, Daten und Stoffgewichte sind bidi-isoliert, damit ein führendes „$“ oder ein nachgestelltes „g/m²“ im arabischen Satz an seinem Platz bleibt. Arabisch wechselt zu IBM Plex Sans Arabic mit eigener Zeilenhöhe und ohne lateinische Laufweite; das Hero-Foto wird bewusst nicht gespiegelt, weil ein gespiegeltes Kleidungsstück Revers und Knöpfe auf die falsche Seite setzt. Die Palette ist elektrisches Kobalt mit einem säuregrünen Akzent auf Tinte und Knochenweiß — Kobalt bleibt Aktionen vorbehalten, Limette den lauten Momenten — gesetzt in Syne für Display und Manrope für Text, beide mit türkischem i mit und ohne Punkt. Die Wortmarke ist echter Text ohne Logosymbol, und das Favicon, die Währungschips und die sechs Zahlungsmarken sind handgezeichnetes SVG. Alle neunundachtzig Fotos sind neu: Mode-, Produkt-, Boutique- und Porträtaufnahmen, nach Augenmaß von Kontaktbögen ausgewählt und auf die exakte Box jedes Layouts zugeschnitten. Die Typoskala ist auf Telefongröße gesetzt und wächst mit clamp(), die untere Werkzeugleiste hält Abstand zum iOS-Home-Indikator, breite Tabellen scrollen in ihrer eigenen Box, und alle sechsundzwanzig Seiten wurden maschinell in drei Sprachen bei 390 und 1440 Pixeln auf horizontales Überlaufen geprüft — null Befunde. Ein Build-Skript schreibt die Seiten aus einer einzigen Quelle, und ein Prüfskript lässt den Build scheitern bei totem Link, fehlendem Asset, verwaistem Bild, undefiniertem Symbol oder einem Übersetzungsschlüssel, der nur in einer Sprache auflöst.