Die Herausforderung
Spanische Website mit Weglot erfordert sehr viel manuelles Programmieren.
“Meine Traum Website erfüllt mich mit Stolz und Glück. Sie ist klar und logisch aufgebaut, hochwertig und modern. Ich mag es zeitlos, gerne elegant, lieber unauffällig, aber vielleicht mit einer kleinen Besonderheit dabei. Meine Besucher:innen sehen, dass ich mein Fach verstehe und wissen, dass ihre spanischen Texte bei mir in guten Händen sind.”
Aletta hat sich auch in Richtung SEO weitergebildet, deshalb war es ihr wichtig, dass jedes ihrer Spezialgebiete eine einzelne Seite bekommt. Damit hat sie reichlich Platz ausführliche Infos zu dem jeweiligen Thema zu schreiben und trotzdem übersichtlich zu bleiben.
Die spanische Version der Website haben wir mit Weglot umgesetzt. Diese neue Integration in Squarespace macht das Erstellen mehrsprachiger Websites eigentlich super einfach! - Nicht so für die Spanische Sprache, wie wir festgestellt haben. Dazu aber gleich mehr.
Ausschnitt der Startseite. Aletta Sträter ist Übersetzerin für Spanisch - Deutsch und hat ein komplettes Rebranding vorgenommen. Die neue Website ist schlicht und doch ganz individuell durch unaufdringliche Details.
das Design
Wie so oft, hatte auch Aletta kein Style Guide oder Branding, wie die Auswahl von Schriften und Farben gennant wird. Aber sie hatte eine bestehende Website, viele Texte, 3 professionell gemachte Fotos und einen Logo Entwurf.
Und wie du vielleicht schon gemerkt hast, wenn du schon länger in meiner Community bist, bin ich ein Freund von “Nutze was da ist!”
Deshalb habe ich Aletta’s Farb- und Style-Wünsche, die sie mir im Projektplaner mitgeteilt hat mit den Farben aus den vorhandenen Fotos kombiniert. Raus kam eine ruhige dezente Palette mit einem leuchtenden Gelb, als Farbakzent.
Das Dunkelblau vermittelt Verlässlichkeit und Vertrauen und unterstreicht Aletta’s Kompetenzen für genaues und zielgerichtetes Arbeiten mit Texten. Der helle Blauton bringt dagegen eine Leichtigkeit mit und lockert das ganze auf, genauso wie die gelben Farbkleckse, als Buttons.
Als “kleine Besonderheit” - um es in Aletta’s Worten zu sagen - habe ich für die Worte uno, dos, tres verwendet, um verschiedene Textbausteine übersichtlich und stylisch darzustellen. Auch die feinen vertikalen Linien mit vertikalem Text dienen zur Orientierung auf den einzelnen Dienstleistungsseiten.
Die Schriftart bleibt dagegen sehr dezent und unauffällig, dafür gut lesbar. Das trägt zum gewünschten zeitlosen Look bei.
(Praktischerweise hatten wir dadurch auch kein Problem mit den gerade so aktuellen Thema Google Fonts, worüber ich hier geschrieben habe)
Über das Projekt
Squarespace* mit Weglot für die zweisprachige Website
*Partnerlink
Oben hatte ich ja schon gesagt, dass Aletta schon eine Website hatte, das heißt es war eigentlich ein Website Redesign. Nur dass es sich gar nicht so angefühlt hat, weil wir fast alles neu entwickelt und definiert haben, inklusive Domain, geschäftliche E-Mail Adresse und der gesamte Aufbau. Was geblieben ist, ist ein Foto, nur anders dargestellt.
Den Vorher-Nachher-Vergleich von der Startseite kannst du unten sehen.
Wir haben die deutsche Website zuerst komplett fertig gestellt, um dann die spanischen Texte in Weglot zu optimieren. Aletta hat sich von einer spanischen Kollegin Hilfe geholt, um die spanischen Texte zu korrigieren und dabei haben wir ein kleines Problem festgestellt, das sich im Nachhinein als ein sehr großes Problem entpuppt hat!
Deshalb ist die spanische Seite immer noch nicht online.
Und zwar:
Im spanischen schreibt man englische Begriffe, wie z.B. Marketing und Start-up, kursiv.
So weit so easy.
Nur blöd, dass man in Weglot keine Formatierung vornehmen kann, sondern nur die Texte inhaltlich ändern. Die zweite Sprach-Website ist sozusagen die Original-Website, die beim Umschalten in einer anderen Sprache angezeigt wird.
Das heißt um die Wörter marketing und start-up auf der spanischen Seite kursiv anzeigen zu können, müssen diese entweder auf der Originalseite auch kursiv geschrieben sein, oder man ändert die spanische Seite durch CSS.
Dafür muss man aber auf der Originalseite das HTML anpassen, um diese bestimmte Worte “ansteuern” zu können.
Und hier wird’s richtig hässlich!
Um das HTML zu ändern, muss ich die Textbausteine auf der deutschen Originalseite in Squarespace durch Code-Bausteine ersetzen. Sprich: wir fangen quasi von vorne an. Allein das Wort Marketing kommt hier mindestens in 10 verschiedenen Bausteinen vor.
Puh!
Ich bin dran.
Leistungsumfang:
Ziele und Anforderungen herausarbeiten. Was ist das Hauptziel der Website? Was sollen die Besucher:innen hier tun können?
Klares Konzept und eine einfache Navigation
Ausarbeitung des Farbkonzepts und Auswahl der Schriftarten auf Basis des bestehenden Logos und unter Berücksichtigung der vorhandenen Fotos.
Erstellung der Website auf Squarespace mit 6 Hauptseiten plus Datenschutz-, Impressumseite
Domain Übertragung von einem Anbieter zum anderen
Einrichtung der neuen Domain und Verknüpfung mit der Squarespace Website
Einrichtung einer geschäftlichen E-Mail Adresse
Einrichtung der Subdomain für die spanische Website
Beratung im Bezug auf die Inhalte der Service-Seiten und ihre Präsentation
Nachträglich: Umprogrammieren der deutschen Seite, damit die spanische korrekt angezeigt wird.
Aletta Sträter
“…This would definitely not have been possible without the great work of Katja Scalia, who took care of the design and technical aspects of the website.
Dear Katja, thank you very much for your professionalism, your expertise and your solution-oriented approach. All your tips were worth their weight in gold - I couldn't have imagined a more competent web designer!” - schrieb Aletta auf LinkedIn
Schaue dir die Squarespace Website für Aletta Sträter
live an:
VORHER
NACHHER
Möchtest du deine eigene Website auf Squarespace oder Chimpify umsetzten, dann lass uns unverbindlich sprechen. Hier kannst du ein kostenloses Gespräch mit mir ausmachen. Oder fülle einfach gleich das Anfrageformular aus und ich melde mich per Mail bei dir.