Framer ist ein Website Builder, mit dem du moderne Websites visuell erstellen kannst. Du brauchst dafür keine Programmierkenntnisse und kannst viele Dinge direkt selbst bearbeiten.

Gerade für kleinere Unternehmen, Selbstständige und Gründer kann das interessant sein. Du kannst deine Website selbst aufbauen, Inhalte jederzeit ändern und musst nicht für jede kleine Anpassung jemanden beauftragen.

Wie der Aufbau funktioniert und worauf du dabei achten solltest, schauen wir uns hier Schritt für Schritt an.

Was ist Framer?

Framer ist ein Tool für die Erstellung und Veröffentlichung von Websites.

Der grosse Unterschied zu klassischen Website Systemen liegt vor allem in der Gestaltung. Du kannst deine Website direkt visuell bearbeiten und sie dabei sehr frei gestalten.

Du arbeitest also nicht nur mit einem einfachen Baukastensystem, sondern hast deutlich mehr Möglichkeiten beim Design.

Trotzdem musst du nicht programmieren können.

Framer eignet sich deshalb sowohl für Designer als auch für Menschen, die bisher wenig Erfahrung mit der Erstellung von Websites haben.

Schritt 1: Überlege dir zuerst, was deine Website braucht

Bevor du Framer öffnest, solltest du dir überlegen, welche Informationen deine Website überhaupt enthalten soll.

Für viele Unternehmen reichen am Anfang wenige Seiten.

Zum Beispiel:

• Startseite
• Über uns
• Leistungen
• Referenzen oder Projekte
• Kontakt

Natürlich hängt das vom Unternehmen ab. Ein Restaurant braucht andere Inhalte als eine Agentur oder ein Beratungsunternehmen.

Versuche trotzdem, die Website nicht unnötig gross zu machen.

Jede Seite sollte einen klaren Zweck haben und deinen Besuchern dabei helfen, dein Unternehmen besser zu verstehen.

Schritt 2: Starte mit einem Template

Du kannst eine Framer Website komplett selbst aufbauen.

Das ist allerdings nicht unbedingt der einfachste Weg.

Wenn du wenig Erfahrung mit Webdesign hast, kann es sehr lange dauern, bis Struktur, Abstände, Schriftgrössen und die einzelnen Seiten wirklich stimmig aussehen.

Ein Template kann dir diesen ersten Schritt abnehmen.

Du startest mit einer bereits aufgebauten Website und passt sie an dein Unternehmen an.

Bei Brandly findest du verschiedene Framer Templates für unterschiedliche Unternehmen und Branchen. So kannst du eine Vorlage auswählen, die bereits ungefähr zu dem passt, was du suchst.

Danach geht es hauptsächlich darum, daraus deine eigene Website zu machen.

Schritt 3: Passe das Design an

Sobald dein Template ausgewählt ist, kannst du mit der Anpassung beginnen.

Farben und Schriften lassen sich in Framer relativ einfach ändern. Auch Bilder, Texte und andere Inhalte kannst du direkt bearbeiten.

Hier lohnt es sich, nicht alles gleichzeitig zu verändern.

Überlege zuerst, welche Farben und Schriften zu deiner Marke passen. Danach kannst du dich um Bilder und Inhalte kümmern.

Wenn du bereits ein bestehendes Branding hast, solltest du dieses möglichst konsequent auf der gesamten Website verwenden.

So wirkt die Website am Ende deutlich professioneller.

Schritt 4: Ersetze die Inhalte

Jetzt wird aus dem Template deine eigene Website.

Ersetze die Beispieltexte durch deine eigenen Inhalte und verwende Bilder, die tatsächlich etwas mit deinem Unternehmen zu tun haben.

Bei den Texten solltest du möglichst klar schreiben.

Deine Besucher sollten nicht lange überlegen müssen, was du anbietest.

Gerade auf der Startseite ist es sinnvoll, direkt zu erklären, was dein Unternehmen macht und für wen dein Angebot gedacht ist.

Du musst dabei nicht versuchen, besonders kompliziert oder kreativ zu schreiben. Klare Texte funktionieren meistens besser.

Schritt 5: Denke an die mobile Ansicht

Eine Website sollte heute nicht nur auf einem grossen Bildschirm gut aussehen.

Ein grosser Teil deiner Besucher wird wahrscheinlich über das Smartphone kommen. Deshalb solltest du deine Website unbedingt auch auf kleineren Bildschirmen überprüfen.

Framer macht es dir möglich, die verschiedenen Ansichten direkt zu bearbeiten.

Schau dir jede Seite auf Mobile an und prüfe dabei vor allem Texte, Bilder, Buttons und Abstände.

Manchmal sieht eine Seite auf dem Desktop perfekt aus und wirkt auf dem Smartphone plötzlich zu eng oder unübersichtlich.

Nimm dir für diesen Schritt deshalb etwas Zeit.

Schritt 6: Optimiere deine Website für Google

Auch wenn deine Website gut aussieht, sollte sie von Suchmaschinen gefunden werden können.

Framer bietet dafür verschiedene Möglichkeiten.

Du kannst unter anderem Seitentitel und Beschreibungen festlegen, deine Seiten sinnvoll strukturieren und wichtige Inhalte für Suchmaschinen zugänglich machen.

Noch wichtiger als einzelne SEO Einstellungen sind allerdings deine Inhalte.

Überlege dir, wonach deine potenziellen Kunden suchen und welche Fragen sie haben. Verwende diese Begriffe dort, wo sie natürlich passen.

Du musst deine Texte nicht für Google schreiben. Schreibe zuerst für deine Besucher und achte darauf, dass die wichtigsten Informationen klar vorhanden sind.

Schritt 7: Verbinde deine Domain

Wenn deine Website fertig ist, kannst du eine eigene Domain damit verbinden.

Statt einer Framer Adresse kannst du beispielsweise deine Unternehmensdomain verwenden.

Das wirkt professioneller und macht es für Kunden einfacher, sich deine Adresse zu merken.

Wenn du bereits eine Domain hast, musst du diese nicht neu kaufen. Du kannst sie mit deiner Framer Website verbinden und die entsprechenden DNS Einstellungen bei deinem Domain Anbieter vornehmen.

Framer führt dich dabei durch die notwendigen Schritte.

Schritt 8: Prüfe deine Website vor dem Start

Bevor du deine Website veröffentlichst, solltest du sie noch einmal komplett durchgehen.

Funktionieren alle Links?

Sind alle Texte korrekt?

Funktionieren die Kontaktmöglichkeiten?

Sind die Bilder richtig eingebunden?

Sieht alles auf dem Smartphone gut aus?

Auch kleine Fehler fallen auf einer fertigen Website schnell auf. Es lohnt sich deshalb, die Seite einmal aus Sicht eines Besuchers durchzugehen.

Noch besser ist es, wenn du jemand anderem deine Website zeigst und ihn einfach selbst durch die Seite navigieren lässt.

Du wirst dabei oft Dinge entdecken, die dir selbst gar nicht mehr auffallen.

Wie viel Zeit braucht eine Framer Website?

Das hängt stark davon ab, wie du deine Website erstellst.

Wenn du bei null anfängst, kann der Aufbau deutlich länger dauern. Du musst dich zuerst mit Framer beschäftigen, eine Struktur entwickeln und das gesamte Design selbst erstellen.

Mit einem fertigen Template geht es wesentlich schneller.

Die eigentliche Arbeit liegt dann vor allem bei deinen Inhalten. Je nachdem, wie viele Seiten du brauchst und wie viel du anpassen möchtest, kann deine Website innerhalb eines Tages fertig sein oder auch mehrere Tage benötigen.

Es kommt also weniger auf Framer selbst an, sondern darauf, wie umfangreich dein Projekt ist.

Brauche ich dafür Programmierkenntnisse?

Nein.

Das ist einer der grossen Vorteile von Framer.

Du kannst eine vollständige Website erstellen, ohne selbst Code schreiben zu müssen.

Natürlich hilft es, wenn du ein gutes Gefühl für Design und Struktur hast. Das ist aber keine Voraussetzung.

Mit einer guten Vorlage kannst du dich Schritt für Schritt in Framer einarbeiten und dabei immer mehr selbst übernehmen.

Lohnt sich Framer für eine Unternehmenswebsite?

Für viele kleinere Unternehmen kann Framer eine sehr gute Lösung sein.

Du kannst moderne Websites erstellen, hast viel Freiheit beim Design und kannst deine Inhalte später selbst bearbeiten.

Besonders interessant ist die Kombination aus Framer und einem hochwertigen Template.

Du musst dich nicht zuerst wochenlang mit Webdesign beschäftigen, sondern kannst mit einer professionellen Grundlage starten und diese an dein Unternehmen anpassen.

Genau dafür haben wir Brandly aufgebaut.

Unsere Framer Templates sind für Unternehmen, Selbstständige und Gründer gedacht, die eine professionelle Website möchten, aber keine klassische Agentur beauftragen wollen.

Du kannst direkt mit einer fertigen Website starten und sie anschliessend selbst in Framer anpassen.

Wenn du also eine neue Website brauchst und sie gerne selbst aufbauen möchtest, ist Framer definitiv eine Möglichkeit, die du dir anschauen solltest.