Wie man eine Website erstellt. Schritt-für-Schritt-Anleitung

Planen Sie die Abschnitte der Website, die Hauptidee und die Funktionen. Ein Beispiel: Ein Kunde benötigt eine Website für ein Architekturbüro. Eines der wichtigsten Elemente, die diese Website enthalten sollte, sind die Arbeiten und Kontakte des Büros.

Es ist jedoch auch wichtig, herauszufinden, was das Büro von anderen Wettbewerbern unterscheidet. Das Büro kann sich auf die Bearbeitung komplexer Aufgaben konzentrieren und einige einzigartige Merkmale aufweisen, durch die es sich von anderen Diensten abhebt. Aus diesem Grund reicht es nicht aus, attraktive und anschauliche Bilder hochzuladen! Es gibt einen Platz für Inhalte; Sie können detaillierte Beschreibungen aller Daten, des Prozesses und der Begründungen von Entscheidungen teilen.

Sie müssen nicht alle Projekte auf der Website präsentieren; konzentrieren Sie sich auf die wichtigsten, erklären Sie, warum die Marke oder das Unternehmen als Experte angesehen wird und was ihren Service von den Wettbewerbern unterscheidet. An dieser Stelle sollten Sie weniger Animationen, Verzierungen und andere Spezialeffekte verwenden.

Erläutern Sie das Konzept des Unternehmens und teilen Sie die wichtigsten Punkte mit, die die Besucher der Website emotional ansprechen und inspirieren.

Verwenden Sie den Texteditor und schreiben Sie den Inhalt auf. Prüfen Sie den Umfang des Textes, um zu sehen, ob er auf einer Seite untergebracht werden kann. Wenn der Inhalt jedoch zu umfangreich ist, sollten Sie eine mehrseitige Website in Betracht ziehen und einen Teil der Informationen in das Menü der Website aufnehmen.

Websites von Mitbewerbern. Sobald Sie die Idee und die Struktur der Website kennen, können Sie die Website eines Mitbewerbers spiegeln und Funktionen finden, die zu Ihrem Konzept passen. Beurteilen Sie eher den Inhalt als das Design: das Menü, die Funktionen auf der Hauptseite und den Text.

Querschnittsthemen. Wenn Sie an einer Website für Theateraufführungen arbeiten, sollten Sie sich an anderen Websites orientieren, die ähnliche Dienstleistungen anbieten. Wenn Sie nichts Ähnliches finden, schauen Sie sich andere naheliegende Kategorien an, z. B. Oper oder eine Website für modernen Tanz. Wenn Sie über eine Fußballmannschaft berichten wollen, können Sie Methoden anwenden, die auf Hockey- oder Rugby-Websites zu finden sind.

Inspirierende Beispiele. Selbst Fachleute mit jahrelanger Erfahrung sehen sich regelmäßig neue Websites an, verfolgen Trends und lassen sich von ihren Kollegen inspirieren. Sie müssen aber nicht alles nachmachen. Es geht darum, in der sich ständig verändernden Welt des Webdesigns auf dem Laufenden zu bleiben, Trends aufzuspüren und ihnen zu folgen.

Hören Sie auf sich selbst: Es ist wichtig, dass Sie sich darüber im Klaren sind, warum genau Ihnen die Website gefällt, die Sie gerade besuchen. Vielleicht sind Sie von der Typografie, der Farbmischung und der Qualität der Bilder fasziniert. Suchen Sie nach ausdrucksstarken Methoden, die Sie in Ihrer Arbeit verwenden können. Schauen Sie sich Websites aus verschiedenen Bereichen des Lebens an, unabhängig von der Nische.

Unten finden Sie Links zu einigen Ressourcen mit Sammlungen guter Beispiele.

Nachdem Sie nun einige Ideen und Inspirationen von Ihren Mitbewerbern erhalten haben und wissen, was erwartet wird, besteht die nächste Phase darin, diese Ideen durch eine grafische Skizze auszudrücken.

Dies ist eines der einfachsten Dinge, die man tun kann. Nehmen Sie ein Blatt Papier und zwei bunte Stifte, einen schwarzen und einen kontrastreichen, und skizzieren Sie einen Plan, in dem Sie alles auflisten, was Sie für das Projekt benötigen. Sie müssen an dieser Stelle nicht ins Detail gehen; konzentrieren Sie sich nur auf die Hauptidee und erstellen Sie ein Skript für die Website, die Sie erstellen wollen.

Stellen Sie sich dies als eine Präsentation vor, denken Sie in Bildschirmen. Was wollen Sie sagen? Vielleicht können Sie ein attraktives Design zeigen, das die Aufmerksamkeit der Besucher auf sich zieht und die Aufgabe der Website auf einen Blick verdeutlicht.

Erzählen Sie anschließend etwas mehr über Ihre Erfahrung, skizzieren Sie einige Vorteile der Zusammenarbeit mit dem Team und nennen Sie dessen Kontakte. All diese Merkmale müssen gut skizziert werden.

Es gibt grundlegende Sätze von Standardelementen; Text wird durch gerade Linien und eine fettere Überschrift dargestellt. Das Bild hat die Form eines Rechtecks mit gekreuzten Linien und Bedienelementen, die die Form einer Stecknadel haben. Die Überschrift ist der Streifen am oberen Rand; am oberen Rand des Bildschirms befindet sich ein Bindestrich, der für das Logo steht, während am rechten Rand des Bildschirms fünf Bindestriche für das Menü stehen.

Versuchen Sie, genaue Zeichnungen zu verwenden, da diese leichter zu erkennen sind. In der Regel gibt es viele Ideen, daher ist es am besten, wenn Sie mit Ihren Kollegen ein Brainstorming machen, welche Idee am besten ist.

Bevor Sie sich an Tilda wenden, müssen Sie sicherstellen, dass Ihre Inhalte den Anforderungen entsprechen. Denken Sie daran: Inhalt ist der Schlüssel! Zunächst müssen Sie alles Wesentliche zusammentragen, was Sie brauchen, z. B. Veröffentlichungen, Präsentationen, Broschüren und jegliches Material, das Ihnen als Ausgangspunkt dienen kann.

Wenn Sie für einen Kunden arbeiten, ist es wichtig, ihn in ein kurzes Interview zu verwickeln. Stellen Sie ihm Fragen und versuchen Sie zu verstehen, welchen Wert er bietet, der ihn von anderen Wettbewerbern unterscheidet.

Sie können die Aufzeichnung selbst transkribieren oder einen Freiberufler damit beauftragen; das kostet nicht viel.

Wenn Sie beabsichtigen, die Inhalte selbst zu kuratieren, sollten Sie den folgenden Plan berücksichtigen:

Seien Sie informativ, aber gehen Sie nicht in unnötige Details; fassen Sie sich kurz und heben Sie das Wesentliche hervor.

Verwenden Sie eine umgekehrte Pyramide: Sagen Sie zuerst, was wichtig ist, dann folgen die Details. An diesem Punkt ist es wichtig, die Überschrift und die Zusammenfassung miteinander zu verbinden. Die Überschrift muss Aufmerksamkeit erregen und das Wesentliche vermitteln, während die Beschreibung dazu dient, die Botschaft zu erweitern und zu vervollständigen. Beschränken Sie die Verwendung von Einleitungsstrukturen, vermeiden Sie Klischees und einen bürokratischen Stil.

Registrieren Sie sich für TildaWenn Sie noch kein Konto haben, ist es kostenlos.

Prüfen Sie sorgfältig die Liste der Vorlagen. Wählen Sie die richtige Vorlage, die zu Ihrem Projekt passt. Jede Vorlage ist ein Beispiel für Webdesign und ein gutes Beispiel für die Kombination von Blöcken. Die Vorlagen schränken Ihre Kreativität nicht ein: Ändern Sie sie nach Ihrem Geschmack oder beginnen Sie ganz von vorne.

Sehen Sie sich die Rubrik #madeontilda. Hier finden Sie eine inspirierende Auswahl der schönsten Tilda-Projekte, die von anderen Nutzern erstellt wurden.

Öffnen Sie die Blockbibliothek und erstellen Sie die Website auf der Grundlage des von Ihnen erstellten Prototyps. Bearbeiten Sie den Inhalt in Tilda nicht; wichtiger ist es, das Design zu erstellen. Wenn Sie nicht die richtigen Bilder haben, verwenden Sie qualitativ hochwertige Beispiele, die ähnlich sind; Sie können sie ersetzen, sobald die Website fertig ist.

Fügen Sie ein Menü hinzu; wenn es gut aussieht: versuchen Sie, es nicht zu groß zu machen, damit es die Seite nicht dominiert. Das Menü sollte nicht mehr als fünf Punkte umfassen und so einfach wie möglich gehalten werden. Sie können die Abschnitte ruhig größer machen; halten Sie die Titel der Abschnitte kurz. Drei Wörter in einer Menüzeile sind eindeutig nicht notwendig: Die Menüpunkte sollten übersichtlich sein.

Das Cover (erster Bildschirm) verdient besondere Aufmerksamkeit. Der erste Eindruck ist gut, wenn es ein hochwertiges Bild und eine einprägsame und originelle Überschrift gibt.

Ein Bild sagt mehr als tausend Worte. Die Verwendung klarer und hochauflösender Fotos wird einen langen Weg gehen. In der Tat: "Keine Fotos - keine Website". Vermeiden Sie die Verwendung von Clip-Art. Der Händedruck von zwei Geschäftsleuten und ihren lächelnden Kollegen ist ein veraltetes Konzept, diese Fotos funktionieren nicht. Es ist besser, ein Foto von Ihnen und Ihren Kollegen zu machen, als nach vorgefertigten Bildern zu suchen, während Sie "erfolgreicher Unternehmer" googeln.

Engagieren Sieeinen Fotografen oder Illustrator. Beliebte Illustratoren und Fotografen zu beauftragen, könnte zu teuer sein; es ist jedoch möglich, Profis zu einem vernünftigen Preis zu finden, die gerne mit Ihnen zusammenarbeiten und Ihnen attraktive Inhalte liefern, die Sie auf Ihrer Website verwenden können.

Wenn Sie Icons benötigen, können Sie die integrierte Tilda Icons-Bibliothek verwenden.

Logo. Das Logo muss horizontal sein. Die Verwendung von vertikalen Logos auf der Website wirkt nicht attraktiv. Als Faustregel gilt, dass es ideal ist, wenn Sie Ihr Logo in das Menü einbetten und es so beschneiden, dass es weniger Platz einnimmt. Wenn Sie kein Logo haben, können Sie einfach den Titel des Projekts in einer systemfremden Schriftart wie Proxima oder Futura schreiben.

Wenn Sie aus bestimmten Gründen kein Logo haben, ist das nicht weiter schlimm, da es den Wert der Website wenig bis gar nicht beeinflusst. Es ist besser, sich über die Fotos und den allgemeinen Stil Gedanken zu machen.

Achten Sie darauf, eine Schriftart für die Unterschrift zu wählen, da sie die Kommunikation beeinflusst. Denken Sie daran, dass der Inhalt eine sehr wichtige Rolle spielt und die Schriftart den Stil der Signatur bestimmt. Jede Schriftart hat einen Charakter, wählen Sie also eine Schriftart, die zu Ihrem Inhalt passt.

Sie können zum Beispiel Tilda Sans, die Signaturschrift von Tilda, verwenden. Es handelt sich um eine variable Schriftart mit einer offenen Lizenz, d. h. alle Plattformnutzer können sie kostenlos für ihre kommerziellen Projekte verwenden. Tilda Sans ist eine geometrische serifenlose Schrift für das Web mit sieben Schriftschnitten, die für ein schnelleres Laden der Seite und eine einfachere Verwendung in Textfeldern, Überschriften, Zwischenüberschriften und der allgemeinen Benutzeroberfläche sorgt.

In der Regel reicht eine einzige Schriftart für eine Website aus. Wenn Sie jedoch einen spektakulären Kontrast wünschen, sollten Sie Schriftkombinationen wie serifenbetonte und serifenlose Schriftarten verwenden. Beispiele für gelungene Schriftkombinationen:

Wenn Sie alle Blöcke entworfen haben, schauen Sie sich die Website an und bewerten Sie das Erscheinungsbild. Richten Sie die Einrückungen aus, sorgen Sie für einheitliche Überschriften, stellen Sie sicher, dass die Schriftgröße gleich bleibt und dass genügend Leerraum vorhanden ist.

Verwenden Sie charakteristische Farben - das bedeutet nicht, dass Sie alles in verschiedenen Farben streichen müssen. Halten Sie sich stattdessen an die Regel, dass 90 % schwarz und weiß und 10 % hell sind. Die Verwendung einer zusätzlichen Farbe ist die beste Option. Sie können zwei Farben mischen, aber das muss professionell gemacht werden.

Wenn Sie keine Erfahrung mit Design haben und nichts zu klappen scheint, schreiben Sie den Inhalt, erstellen Sie eine Version der Webseite auf Tilda und beauftragen Sie einen Designer für einen begrenzten Zeitraum.

Ein professioneller Designer wird die Webseite schnell gestalten. Auf diese Weise können Sie die Kosten im Vergleich zu den Ausgaben, die Sie bei der Bestellung einer neuen Website tätigen, senken. Wenn Sie selbst ein Designer sind, können Sie auch einen Freund zu Rate ziehen, um die Ergebnisse zu prüfen und ein unvoreingenommenes Feedback zu erhalten.

Konnektieren Sie die Domain. Geben Sie dazu die URL-Adresse in den Site-Einstellungen an, und fügen Sie auf der Seite des Registrars, bei dem Sie diesen Domainnamen gekauft haben, einen Eintrag vom Typ A hinzu, der auf die in Site-Einstellungen → Domain angezeigte IP-Adresse verweist. Weitere Informationen zum Konnektieren Ihrer benutzerdefinierten Domain auf Tilda finden Sie im Help Center-Artikel "How To Connect a Domain Name".

Vergessen Sie nicht die Statistiken. Die wichtigsten Metriken wie Seitenaufrufe, Sitzungen, Leads, Verkehrsquellen, UTM-Statistiken, Ereignisse usw. sind auf Tilda unter Site Settings → Analytics verfügbar. Weitere Einzelheiten finden Sie in der Anleitung "How To Track Website Statistics" im Help Center .

Sie können auch einen Analysedienst eines Drittanbieters wie Google Analytics einbinden: Melden Sie sich für den Dienst an, holen Sie sich die Tracking-ID und fügen Sie sie in die Einstellungen ein.

Überlegen Sie sich, wie Sie die Website in Suchmaschinen oder sozialen Medien präsentieren möchten, und geben Sie den Titel und die Beschreibung ein. Versehen Sie jede Seite mit einem Badge oder einem Vorschaubild, das jedes Mal angezeigt wird, wenn die Seite in den sozialen Medien geteilt wird.

Testen. Jetzt haben Sie die Website fertiggestellt; als Nächstes müssen Sie die Bewertungen der Besucher einholen. Zeigen Sie sie Ihren Kollegen und Freunden und bitten Sie sie um kritische Kommentare, was sie denken und wie die Website verbessert werden kann. Geben Sie den Link an Ihre Kunden weiter und fragen Sie sie nach ihrer Meinung.