Samples Landing-Seite. Bewertung: "Bester Landing Designer
Was ist Landing-Seite und was sind seine Funktionen? Wie am besten schnell ein steiles Linging mit hoher Umwandlung machen? Welche Designer zum Erstellen einer Zielseite sind jetzt beliebt?
Hallo, liebe Leser! Mit Ihnen eines der Autoren des Khitirbobur.com Business Magazine, Alexander Berezhnov.
Und ich entschied mich so - ich werde Ihnen von Ledding erzählen, über die wichtigsten Techniken, die beim Erstellen verwendet werden. Ich werde Beispiele für gute Einzelseiten-Sites geben. Und die Schlussfolgerungen, die jeder von Ihnen selbst tun werden. Einverstanden? Dann lass uns anfangen.
Das Thema der Schaffung einer Kredite ist nicht aus den Lungen, sondern sehr relevant und interessant. Wenn Sie wissen, können Sie auf verschiedene Weise Geld verdienen, beispielsweise wie. Verwendet in diese Richtung, Sie können Ihr kleines Unternehmen mit dem Verkauf von Waren oder Dienstleistungen über die Zielseite beginnen.
1. Was ist Landing-Seite - Brühen Sie nach Anfänger
Hundert Artikel werden auf das Thema der Anpflanzung von Seiten geschrieben. Ein Material ist schwierig, alle Beratung, alle Erfahrungen zu "Push". Aber ich werde immer noch versuchen, Ihnen von der wichtigsten Sache wie in Bezug auf die Landing-Seite zu erzählen.
Landung. - Dies ist eine Single-Side-Site oder nur eine Seite, deren Ziel ist, Benutzer dazu zu ermutigen, Maßnahmen zu erstellen: Kaufen, abonnieren, anrufen, eine Anfrage verlassen.
Die Landing-Seite wird buchstäblich aus dem Englischen übersetzt: "Ziel" oder "Landing-Seite".
Eine solche einseite Sie haben wahrscheinlich im Internet gesehen.
Warum Landung machen:
- Sie motivieren gut Besucher, um die richtige Aktion zu treffen.
- Sie sind schnell aufgebaut. Und kostete oft die gewöhnlichste Site. Andere Plus: Die Zielseite kann unabhängig gemacht werden.
- Landing-Seite Einfach nach Redo - Verbessern, ändern, fehlende Informationen hinzufügen.
Linginga erstellen für:
- Produktverkäufe. Für diese Verwendung von Anrufen: "Kaufen", "Hinterlassen Sie eine Anfrage", "anrufen".
- Sammlung von Informationen. Hier werden Besucher angeboten: "Abonnieren", "Erfahren Sie mehr."
- Software ausbreiten - Sale-Software.
Landing- und Trichterverkäufe
Trichter Der Umsatz - Dies ist der Prozess des Verkaufs von Waren / Dienstleistungen. In jeder Phase dieses Prozesses ist ein Teil von Menschen - potenzielle Kunden eines kommerziellen Unternehmens. Unsere Website hat einen separaten Artikel darüber.
Der Verkaufsprozess durch Landing Page sieht aus wie folgt aus:
- sah einen Link zur Landung Seite 100 Personen;
- von Link 40-Benutzer gewechselt;
- 10 Personen haben den Antrag verlassen;
- kaufte ein Produkt 2 Personen.
Von Hunderten - zwei Verkäufe. Rückkehr - 2%. Dies ist eine gute Option. Nicht perfekt, aber nicht verlieren.
Trichterverkäufe sieht aus wie ein invertierter Küchentrichter: eine breite Basis und ein enger Hals.
Der breitere Teil soll auf die Seite wechseln. Zu diesem Zeitpunkt testen wir die Arbeit der kontextuellen Werbung, Nachrichten in sozialen Netzwerken, die sich auf anderen Seiten veröffentlichen. Bestimmen Sie CTR.
Ctr. - das Verhältnis der Anzahl der Klicks auf die Anzahl der Shows. In Prozent gemessen.
Der mittlere Teil ist eine Anwendung. Wir analysieren die Effizienz der Landing-Seite - sein Design, Textpart.
Schmale Teil - Anwendungsverarbeitung und Verkauf. Hier schätzen wir die Arbeit von Lebewesen - Betreiber, Manager.
Wenn die Kreditvergabe analysiert wird, wird ein anderer Indikator berechnet - EPC.
EPC. - Dies wird durchschnittlich ein Ertragswert von tausend Besuche bis hin zu Ledding.
Je höher der Rentabilitätsindikator, desto höher ist die Effizienz Ihrer Werbekampagne.
In welchen Fällen müssen eine Kreditvergabe erstellen?
Nachfolgend finden Sie eine Reihe von Fällen, wenn Sie möglicherweise auf die Notwendigkeit stoppen, Ihre einseite zu erstellen.
Fall 1. Niedrige Konvertierung (Verkauf) der Hauptseite des Unternehmens
Wenn die Site eine geringe Konvertierungsrate anzeigt - das heißt, Käufer verlassen, ohne etwas zu kaufen. Und Geld, um ein neues Arbeiten mit großer Site zu erstellen - nein.
Beispiel für Berechnung: Für 24 Stunden besuchten 300 Personen den Standort. Abonnieren Sie den Newsletter - 12 Benutzer. Umwandlung wird: 12/300 * 100% \u003d 4%.
Die durchschnittliche Umwandlung von Standorten in die Zone.RU - 0,5%. Landeumwandlung 5-10%. Diese Zahlen verbirgt die ganze Wahrheit darüber, warum Unternehmer ihre Produkte und Dienstleistungen gerne über eine Seite verkaufen.
Fall 2. Ein neues Produkt starten
Wenn Sie ein neues Produkt starten und es am besten zeigen möchten. Wenn Sie auf der Neuheit, müssen Sie die kontextuelle Werbung konzentrieren.
Fall 3. Lösung einer bestimmten Aufgabe
Wenn Sie eine bestimmte Marketingaufgabe lösen müssen. Und die Hauptseite des Unternehmens ist dafür nicht geeignet.
Die Erstellen von Landeseite ohne in den meisten Fällen wird den Umsatz steigern.
An sich wird die Anwesenheit der Zielseite nicht sofort ein paar Kunden anziehen. In der Tat ist die Landung nur ein Werkzeug. Sogar der amplantierteste Bohrer bohrt das Loch nicht in die Wand, bis Sie es in Ihre Hände nehmen. Also hier.
Um die Seite herzustellen - Sie müssen es "aktivieren".
Dafür können Sie die folgenden Züge annehmen:
- Beginnen Sie kontextuelle Werbung Auf Ihrer einseitigen Site.
- Führen Sie den E-Mail-Newsletter aus Durch eine vorbestimmte Datenbank von Abonnenten. In dem Buchstaben sprach kurz die Produkteigenschaften und fügen Sie einen Link zur Landung hinzu.
- Produkt wiederherstellen Auf Foren, Partnerstandorte, Bulletin-Boards. Überall hinzufügen Sie einen Link zur Seite.
Es ist irrtümlich die Ansicht, dass Landung der einzige Geschäfts- und Publikumsort sein kann. Wenn das Unternehmen keinen Blog leitet, entwickelt nicht seine Anwesenheit in sozialen Netzwerken, nutzt keine E-Mail-Marketing - Landing-Seite ist unwirksam.
Beispiel aus der Praxis.
Der junge Mann interessierte sich für den Vorschlag der Firma "KVERI". Der Kerl hat noch nie von dieser Firma gehört, und sucht daher nach Beweisen für seine Existenz. Besuche der Site- und Blog-Firma, betritt in soziale Netzwerke in eine Gruppe.
Er war überzeugt: Das Unternehmen funktioniert. Der Blog wird ständig inhaltlich aktualisiert. In sozialen Netzwerken reagieren Admins schnell auf Fragen der Benutzer. Der Client kehrt zu einem Einrücken zurück, macht eine Vorbestellung.
Und jetzt fragen Sie sich die Frage: Um den Kerl zu machen, wenn ich nicht die Spuren von "KVERI" im Internet gefunden habe? Wenn die gesamte Existenz des Unternehmens auf einer einzigen Landing-Seite begann. Würde er ihr Produkt bestellen?
Schlussfolgerung dieses Beispiels: Verwenden Sie Hilfswerkzeuge, um den Umsatz von Umsatz über Ihre Single-Seite zu verbessern.
2. Wie viel kostet die Kreation der Zielseite und was ist der Preis von einer Seite von einer Seite abhängig?
Der Preis für das Erstellen von Landeseite hängt davon ab, ob Sie dies tun auftrag Single-Page oder mach es selbst.
- Die erste Option ist teuer. Freelancer werden von 100-200 cu genommen. Für Arbeit, Designstudios - von 1.000 Cu Coole Agenturen - von 5.000 Cu.
- Die zweite Option ist "fast" frei. Wenn Sie sich mit der Entwicklung eines Programmiergeräts oder Texters herstellen, wenn Sie eine bezahlte Vorlage als Basis einnehmen, beträgt der Preis dieser Methode 20 bis 1.000 USD. Und noch höher. Für ein besseres Verständnis der Preise für verschiedene Typen Standorte und Landung, lesen Sie unseren Artikel.
Wenn Sie sich entscheiden, die Landung zu bestellen, werden Sie aufgefordert, zu füllen brille - Spezieller Fragebogen: Beantworten Sie Fragen, was Sie auf der Website sehen möchten.
Von Ihren Antworten und wird vom Auftragnehmer bei der Ermittlung der Arbeitskosten abgestoßen.
Je mehr "Chips" und "Frills" Sie auf Ihrer einseitigen sehen möchten, desto teurer wird die Leding-Seite kosten.
Der Preis hängt von:
- ungewöhnliche Struktur und einzigartige Gestaltung ziehen bei 7 00 cu;
- kontextuelle Werbung und sein Setup - ab 100 cu im Monat;
- text aus einem guten Copywriter - 50-100 Cu, aus einem hervorragenden kommerziellen Schriftsteller - von 1.000 USD;
- einzigartige Bilder und Symbole (nicht abgeworfen aus Lager) - Dies ist mindestens 100-200 Cu.
Darüber hinaus wird der Preis der Zielseite durch die Analyse der Zielgruppe, einer Auswahl von Schlüsselphrasen, Tests der Seitenstruktur, der ständigen Überwachung usw. getestet.
Ich traf die Landung, deren Umwandlung war 50–60% . Das heißt, jeder zweite Besucher hinterließ seine Daten oder sandte einen Antrag auf den Kauf eines Produkts. Das Geheimnis dieser großen Renditen bestand in zwei Faktoren:
- Die Seite kam hauptsächlich das Ziel-Publikum - das heißt, Menschen, die für dieses Produkt interessant waren.
- Entwickler haben traditionelle Regeln für die Erstellung einer effektiven Landing-Seite eingehalten.
Ich werde Ihnen von diesen Regeln erzählen.
Tipp 1. Legen Sie ein Produkt auf der Landung
Ich bin nicht angeschlossen - der Leser erreicht den gekäufen Knopf nicht "Buy".
Folgen Sie den folgenden Regeln:
- Fokus auf die Aufmerksamkeit des Kunden auf etwas.
- Erzählen Sie ihm von den Vorteilen nur dieser Version des Programms.
- Bieten Sie ihm einen Rabatt auf ein Produkt an.
- Interesse es, indem Sie ein bestimmtes Thema senden.
Wenn Sie zehn Produkte in einem Bildschirm platzieren, wird die Aufmerksamkeit des Besuchers verzichtet. Er wird sich die ganze Seite umsehen. Vielleicht achtet auf einen riesigen Rabatt oder auf ein lustiges Bild. Und schließt dann die Registerkarte. Fünf Sekunden, er wird Ihre Existenz vergessen.
Der Benutzer kommt an den Standort. Die ersten Gedanken, die ihn besuchen: Wo ich gekommen bin, warum bin ich hier? Wenn er in den kommenden Momenten keine Antwort finden wird - Sie verlieren den Kunden.
Laut Statistiken verlassen 80% der potenziellen Käufer die Seite in den ersten fünfzehn Sekunden. Und dies sind die Hauptgründe:
- Sie fanden nicht, was sie hier taten. Die Site hat keinen bestimmten Anruf zur Aktion: "Abonnieren", "Bestellen", "Erfahren Sie mehr" und so weiter. Denken Sie daran, ob auf dem Bildschirm kein "Big Red Button" signiert ist einfaches Wort "Kaufen Sie" - vor Ihrer schlechten Landung.
- Besucher verstehen nicht, was sie hier angeboten werden. Sie sind ärgerliche Dutzende von Details im Freien, schreienden Gifs und Festkappenschloss. Nicht einzigartige Elemente kämpfen um die Aufmerksamkeit des Besuchers, der es aus der Hauptsache klopft - vom Kauf oder Abonnement.
Diese Tipps helfen Ihnen, den Verkauf Ihres Produkts zu steigern:
- Unser All All. - rechteckige rote Taste mit großer Verb in der Mitte. Platzieren Sie es nicht nur am Ende, sondern auch am Anfang der Seite.
- Platein klar. Sprechen Sie direkt: Was sollte der Benutzer tun, und was wird er dafür sein?
- Entfernen Sie alles, was vom Hauptgedanken ablenkt. Unverbessernbare Grafiken, neutrale Bilder, dumme Schlagzeilen, linke Knöpfe, riesige Banner mit Werbung mit anderen Menschen.
- Sensorierung des Besuchers mit einem Beispiel der Exklusivität seines Produkts. Verwenden Sie in der Lungung von Waren weitere Ziffern, Vergleiche. Installieren Sie neben der Überzeugung den roten Taster.
- Bestimmte Vorteile zeigen Welches wird der Client von Ihrem Angebot erhalten.
Seien Sie jedoch nicht unnötig leidenschaftlich in Ihrem Wunsch, den Kunden verblasst. Übermäßiger Druck und Überangebot der Werbekonvention verursacht Leser nur Übelkeit.
Tipp 3. Verwenden Sie den Verkauf von Verbindungen
Verkaufen Sie Lumineszenzlampen? Hier haben Sie einen Titel: "Sparen Sie Energie 4-mal effizienter."
Erladen Sie FATTY im Fitnesscenter? Bey im Herzen: "Wer will sonst eine Tele-Sterne-Figur?"
Verwenden Sie beim Verlegen der Header unbedingt die Tags H1 und H2. Wenn es sich herausstellt, schalten Sie sie mit den Schlüsselphrasen ein - diese Wörter und Sätze, für die Kunden über die Suchmaschine gefunden werden.
TIPP 4 Machen Sie einen Qualitätsverkauf von Text
Text ist die erste Priorität. Denken Sie an, solange Sie kein vollständig formuliertes Angebot haben, denkmal nicht, das Design der Kreditvergabe zu bestellen.
Zum Text sein erster Unterricht, den Sie brauchen:
- Zuerst - Wissen Sie, wer er ist, der Ihr Produkt benötigt. Bilden ein Porträt des "idealen Käufers".
- Zweite - Lesen Sie Bücher über den Vertrieb von Marketing- und Psychologie.
- Dritte - Um den Kunden in das Gespräch einbeziehen zu können. Auch wenn dieses Gespräch eigentlich ein Monolog ist. Stellen Sie sich vor, welche Fragen im Kopf an der Quelle auftreten. Antworten logisch in Text eingeben. Schreiben Sie, bis Sie alles über das Produkt erzählen. Und wohnen Sie nicht auf der Anzahl der Zeichen.
Ich habe darauf geachtet, wie das Internet-Marketing-Guru gerne große Kredite kritisiert. Wenn Sie sich auf das Ziel der Kritik aufmerksam ansehen, wird es klar werden - wir können langwierige und niedrig-informative Texte verurteilen. Interessante und stehende lange Landing-Page-Kritiker aus irgendeinem Grundbypass.
Haben Sie keine Angst große Texte, wenn ein:
- Produktkomplex und unbekannt. Der Kunde muss jeden Vorteil der Ware kauen. Bringen Sie viele Beispiele mit, die ihren Nutzen beweisen.
- Produkt teuer. Um eine Antwort zu erreichen, müssen Sie alle Super Supercase - Bewertungen, Garantien, Fälle, Rabatte, Dienstleistungsservice, Geschenke nutzen.
Statistiken
70% Besucher erfüllen die von Ihnen erschöpfte Landung nicht und bis zur Mitte. Blamiere dich nicht selbst. Versuchen Sie, die Aufmerksamkeit der restlichen Aufmerksamkeit aufzunehmen 30% - Es ist auch gut.
Tipp 5. Vermeiden Sie aggressive Werbung !!!
Wie gefällt Ihnen drei Ausrufezeichen am Ende des Satzes? Vielleicht auch Caps Sperrenkosten hinzufügen?
Diese Stücke sind ein Zeichen aggressiver Werbung. Bei einer normalen Person bewirkt der Blick auf die Großbuchstaben und drei Ausrufe Panikangriffe: "Ich möchte etwas Unsinn machen", "diese obsessing Werbung!", "Ich habe immer gesagt, dass das Internet ein Müll ist."
Und für gute Texte, Redakteure, Content-Manager - Dies ist auch ein Zeichen der Township, Nicht-Professionalität und manchmal, sorry, Idiot.
Und ich empfehle auch, die folgenden Briefmarken aus dem Text auszuschließen: "Flexibles System von Rabatten", "Führer in der Umgebung", "hohe Qualität und niedrige Preise", "Riesige Erfahrung", "Einzelansatz". Entfernen Sie, ohne zu bereuen, dass alle roh und nicht mit den Satznummern verstärkt werden.
Diese Phase ist sehr wichtig für die erfolgreiche Förderung und den Verkauf von Waren und Dienstleistungen.
Biegen Sie sofort an die Regeln an:
- Lesbare Schrift - 16 Kehel. Empfohlen: Georgien, Open Sans, Pt Sans, Arial, PT Serif, Klare Sans, Garamond.
- In einer Zeichenfolge - bis zu 80 Zeichen.
- Alle 3-5 Zeilen - ein neuer Absatz.
- Jeder 2-4 Absatz ist ein neuer Untertitel. Die Untertitel müssen so erstellt werden, dass der Leser, der mit seinen Augen, ohne Schwierigkeiten herum herumlaufen, und ich verstehe, worüber wir sprechen.
- Erforderlich: Listen, Zitate, Tabellen.
Denken Sie darüber nach, welche Flugbahn den Besuch des Besuchers verschieben wird. Wenn sich alle Elemente an ihren Orten befinden, nimmt eine Person die Informationen leicht wahr. Und wenn der Kunde Ihr Produkt versteht, ist es wahrscheinlich, dass er es sofort kaufen wird.
Verwenden Sie die visuelle Navigation: Pfeile, Symbole, Bilder. Aufmerksamkeit mit kontrastierenden Tönen anziehen: Markieren Sie die Kragen-Header, verwenden Sie eine rote (gelbe, orangefarbene, grüne) Taste.
Relevante Landing ist eine Seite, die den Erwartungen des Benutzers entspricht.
Ein anderes Beispiel
Wenn der Benutzer auf den Banner "Kaufen" klickt neues iPhone Mit einem Rabatt von 10%, "Der Vorschlag sollte auf der Landing-Seite hängen, er geht es darum, dieses Telefon und genau mit diesem Rabatt zu kaufen.
Erstellen Sie Ihre Landung nicht nur für jede Marketingkampagne, sondern auch für jede Verkehrsquelle. Zum Beispiel gehen Kunden aus dem sozialen Netzwerk in VKONTAKTE - dies sollte sich auf der Website widerspiegeln.
90% der Käufer denken, bevor Sie etwas kaufen. Die Menschen haben Angst vor Betrug, Angst um ihre Sicherheit. Viele wollen nicht, dass jemand über ihren Kauf kennt. Ängste führen zu Einwänden: "Ich habe Angst, Geld zu verlieren", "ich glaube nicht, dass der Preis so niedrig sein kann."
Da Sie den Kunden nicht persönlich beruhigen können, kümmern Sie sich um die Antworten auf ihre Einwände im Voraus. Formulieren Sie überzeugende Argumente und fügen Sie sie in Text ein.
Ich gebe Tipps:
- Erstattungsgarantie für 1-2 Wochen. "Wenn Sie das Produkt nicht mögen, erstatten wir alle darin investierten Fonds."
- Angebot versuchen Sie das Produkt kostenlos. "Die Testversion von 2 Wochen hilft Ihnen, sich zu entscheiden."
Solche Marketing-Moves waren und bleiben bei der Erstellung von Landing-Seiten relevant.
Seien Sie vorsichtig mit einem Defizit. Nur wenige glauben jetzt den Countdown-Timer. Außerdem, wenn der Zähler ständig aktualisiert wird, wenn die Landung neu gestartet wird.
Handeln Sie umsichtig. Geben Sie die Anzahl der verbleibenden Produkte an. Ständig und manuell Informationen aktualisieren. Der Benutzer muss sehen - die Waren werden demontiert.
Höhlenkäufer denken so
"Gestern gab es 74 Mikrowellen mit 50% -Skidka, heute Morgen - 23, und nur 7 Stück blieben zum Abendessen. Wir müssen dringend nehmen! "
Tipp 11. Setzen Sie den Benutzer in ein, was zuverlässig und sicher ist
Legen Sie Elemente des Vertrauens nicht weit von der Anrufe zur Aktion.
- Verwenden Sie die Schaltflächen soziale Netzwerke - Tweets von Tweets, Husky auf Facebook, eine Liste von Abonnenten in der Gruppe in VK.
- Veröffentlichen Sie Bewertungen in Bezug auf Menschen oder Unternehmen, die sie verlassen.
- Belohnungen und Zertifikate anzeigen. Dokumente müssen voll und einfach zu lesen sein.
Tipp 12. Keine komplexen Formen zum Füllen
Die Form der Dateneingabe verursacht nicht unangenehme Emotionen von Besuchern. Die meisten Zielgruppe ist bereit, mit Ihnen zu interagieren. Bei Bedarf schreiben Sie ihren Namen, Ihre Aktivität und E-Mail-Adresse.
Schwierigkeiten beginnen, wenn bei der Registrierungsphase der Benutzer fragen, um von ihrem Leben näher zu erzählen. Ich empfehle Ihnen, den Moment der engeren Bekanntschaft später zu übertragen, wenn der Besucher die Tatsache der Registrierung bestätigt.
Ein weiteres Problem ist ein komplexer CAPTCHA.
Kappen - Das Popup-Formular, in dem der Benutzer einen Satz von Zeichen (Zahlen und Buchstaben auf unscharfen Bildern) bringt, wodurch bestätigt wird, dass es kein Roboter ist.
Über Entschlüsselungszeichen hängt jeder über die Lösung von Rätseln und Kisten. Daher ist der Testdurchgang nicht alles - etwa 30-40% schließen die Registerkarte und vergessen sofort Ihr Angebot. Vergiss das Caphet. Lassen Sie es Ihren Mitbewerbern.
Dieser Rat vereint die Essenz aller vorherigen Punkte. Bestellen Sie eine einfache Landing-Seite.
Die Seite muss sein:
- Ohne überschüssige Grafiken und Text
- Mit einem Vorschlag, nur eine Aktion zu tätigen: Kaufen Sie ein Produkt, abonnieren Sie einen Newsletter und so weiter
- Auf der Ansicht des freien, geräumigen und nicht überlasteten
Perfekte Landung ist ein Logo, ein klarer Header und ein Knopf. Wenn Ihr Produkt Sie ermöglicht, einen minimalistischen Einseiten-Stil zu erstellen - verwenden Sie sie.
4. Was ist besser: die Landung von Fachleuten oder unabhängig voneinander einen Lande-Stoff?
Das Team, das erforderlich ist, um eine Landing-Seite von Grund auf zu erstellen:
- Vermarkter. Entwickelt eine Strategie. Bildet einen Vorschlag. Testergebnisse. Erstellt einen Standort-Prototyp.
- Texter. Schreibt Texte. Schafft Schlagzeilen.
- Webdesigner. Auf der Grundlage des Prototyps macht das Layout. Spezielle Effekte implementiert.
- Entwickler für Benutzeroberflächen. Programmierung und Aussehen. Testen die Landungszuordnung auf verschiedenen Geräten. Passt das Feedback-Formular, die Anruf-Taste usw. an.
- Directologe, Spezialist in kontextueller Werbung. Analysen semantischer Kernel.. Greift auf stichworte. Passt kontextuelle Werbung an.
- Manager. Steuert die Arbeit. Berechnet die Rendite des Projekts. Nimmt Schlüssellösungen an.
Dienstleistungen von sechs Spezialisten kosten Sie ab 3.000 USD. Dies ist der Preis für die LEDING-Seite, der funktioniert.
Wenn Sie jede Arbeitsphase korrekt planen und gute Leute im Voraus finden - die Landing-Seite ist in 2-3 Wochen bereit.
Nun gehen wir auf den zweiten - "Unabhängige" Option .
Wenn Sie ein "gewöhnlicher" Mann - Programmieraufgaben, Design und Layout sind, sind Sie am wahrscheinlichsten versagen. Nichts bleibt, wie er bereit ist freie Vorlage Oder nutzen Sie eine bezahlte Designer-Leding-Seite.
Arbeiten Copywriter, Manager, Spezialistin in kontextueller Werbung und Vermarkter müssen übernehmen. Hier ist ein ungefährer Maßnahmenschema:
- Kommen Sie mit der Idee. Word-Angebot - Senden Sie an das Publikum, dass Ihr Produkt oder Ihre Dienstleistung benötigt.
- Schieben Sie die Idee der logischen Blöcke. Wenn Sie die Frage im ersten Block angeben - der zweite oder dritte Block sollte die Antwort sein.
- Einen Teaser entwickeln * - Mobil- oder Text. Machen Sie es klammern und prägnant.
- Arbeiten Sie über den Haupttext. Hier erscheinen Sie als Texterschrift.
- Komm mit Schlagzeilen. Es ist wünschenswert, dass sie nicht heterogen sind und in die Geschichte gefaltet sind.
- Aufruf zum Handeln.Sie sollten Phrasen und Wörter auf Ihrer Verkaufsstelle haben, "anrufen", "anrufen", "abonnieren".
- Nimm ein Design. Wählen Sie eine geeignete Vorlage-Leding-Seite. Bearbeiten Sie es unter der erfundenen Struktur. Fotos, Illustration suchen in Abläufen. Oder nehmen Sie die Kammer und entfernen Sie das Material selbst.
- Launate-Landung. Passen Sie die kontextuelle Werbung an.
Schwer? Aber kostenlos! TRUE, Zeit dafür, dass Sie viel verbringen: vielleicht nicht weniger als 4-5 Wochen.
Schauen wir uns die Tabelle der Wege an, um eine fertige einseite zu erhalten.
5. Beliebte Designer Landing-Seite - Top 3 am besten
Die Beliebtheit der Landung gab den Anstoß der Entstehung einer Reihe von Designern. Ich werde jetzt über mehrere russischsprachige und beliebteste erzählen.
Designer 1. flexbe.com (flexbe.com)
- Sehr einfacher und zuverlässiger Landungsdesigner. Freie Version Wenn Sie 14 Tage vertreten sind, reicht die Zeit aus, um zu verstehen, ob der Designer praktisch ist, ob es sich um Ihr Geschäft eignet.
Die günstigste Rate beträgt 750 Rubel pro Monat. Dieser Betrag beinhaltet: Eine Domäne, 10 Seiten, 250 SMS-Benachrichtigungen, technischer Support, seine eigenen briefkasten Und andere Buns bis zu einer freien Domain in Zone.ru.Ru.
Der teuerste Tarif ist 3.000 Rubel pro Monat. Dies ist eine unbegrenzte Anzahl von Domänen, wie viele Seiten, 1.000 SMS-Benachrichtigungen und so weiter.
Von den Minus, um etwas unvorstellbares Cool zu schaffen, wird nicht funktionieren. Eine Reihe von Werkzeugen "Flexbi" ohne Freude.
Der Vorteile - unglaubliche Geschwindigkeit. In 10 Minuten erstellte ich eine akzeptable Single-Side. Er sah auf den Bildschirmen gut aus mobile Geräte.
Designer 2. LPGenerator (lpgenerator.ru)
Stellen Sie sich vor, Sie haben bereits die gemochte Vorlage heruntergeladen. Was hast du hosting und domainname. Was macht man als nächstes?
Landungsinstallationsanleitung.
Mehrere einfache Schritte, wie Sie eine Single-Seite installieren:
- Gehen Sie zur Website Ihres Hosting-Anbieters. Gehen Sie zum Konto-Bedienfeld.
- Finden Sie den Stammordner der Site (es sollte leer sein). Der Name dieses Ordners ist die Domäne, die Sie im Voraus gekauft haben.
- Klicken Sie auf die Schaltfläche Load, im angezeigten Fenster, wählen Sie das Archiv mit der Vorlage aus.
- Wenn das Archiv in den Domänenordner kopiert wird, klicken Sie daneben auf die Schaltfläche "Auspacken".
- Warten Sie die Sekunden 20, bis der Betrieb vorbei ist. Aktualisieren Sie die Seite.
- Landung ist installiert!
Um die Landing-Seite zu bearbeiten, gehen Sie zum Stammordner Ihrer Domäne und suchen Sie nach der gewünschten Datei. Ändern Sie Text, Bilder, Video einfügen. Sie können dies lernen: Lesen Sie ein paar Artikel zum Thema - und machen Sie weiter, verdienen Sie Geld.
7. Echte Beispiele für Arbeitseinrichtungen
Vor 15-20 Jahren wurde die Landung für impulsive Einkäufe erstellt. In den alten Tagen, sauren Farben, verrückten Gifs und anderer Müll. Jetzt sind wir reduziert: Wir passieren mit leeren Versprechen, wir vertrauen dem ruhigen Ton und überzeugende Beweise.
"Diese" Zeiten sind vorbeigegangen, aber die Menschen bleiben immer noch, wer glaubt, dass die Landung "schreien" sein sollte. Ich habe diesen Abschnitt erstellt, um sie im Gegenteil zu überzeugen. Vor Ihnen, Beispiele für Landing-Seite. Analysieren wir ihre Vor- und Nachteile, wir werden verstehen, warum sie arbeiten.
Beispiel 1. Master-Klima - ein Unternehmen für die Installation und den Verkauf von Klimaschegeräten
www.masterclimat.pro - Wir haben diese Seite mit einem Freund gemacht, als sie noch engagiert waren.
Der Standort hat eine klare Struktur, ein angenehmes Design im Stil der "Belüftung und Klimaanlage". Auch auf dieser Landung ist ein adaptives Layout implementiert, dh der Standort ist an alle Größen von Bildschirmen angepasst, einschließlich mobilen Geräten.
Beispiel 2. Stellenangebote Alpha Bank
www.job.alfabank.ru - Scrollen Sie durch den Standort und sehen Sie - wie die Karriere eines jungen Mannes in der Alpha Bank beginnt. Nach einiger Zeit sahen Besucher nach einiger Zeit die verlockende Visualisierung an, sehen schließlich Briefe an. Die Seite veröffentlichte einen geeigneten Text - seine Qualität ist nicht schlechter als animierte Bilder.
Direkt auf der Oberfläche ist eine Beschreibung neuer Stellenangebote, eine Partition von Möglichkeiten veröffentlicht. Für Bewerber - eine kleine und sehr einfache Form.
Aktionstaste: Im Obergeschoss ist eine kleine und niedrige Taste "Send Sending" -Taste minus; Am Ende der Seite ist der helle Link "Watch Vacancies" ein Plus.
Auf AnneaHah global können Sie auf drei Arten verdienen:
- Erstellen der Landung unter der BestellungDas heißt, ein Webstudio, Designer oder Manager des gesamten Projekts, der ein geeignetes Team findet.
- Verwenden von Single-Site-Websites zum Termin, das heißt, um Waren und Dienstleistungen durch sie zu verkaufen.
- Lidogeneration haben. Lida - kontaktiert potenzielle Kunden. Dies sind "warme" Anwendungen, die an Zielgesellschaften verkauft werden können. Zum Beispiel können Sie die Landung "Sliding Coupe in Samara" erstellen, um den Verkehr darauf zu fahren und gebildete Anwendungen an Unternehmen zu verkaufen, die diese Schränke hergestellt werden.
Welche Art von Möglichkeit, nur zu wählen, ist, nur Sie zu lösen. Im ersten Fall erhalten Sie Geld von Kunden, die die Sehenswürdigkeiten selbst benötigen, und im zweiten - Geld, das Landig-Paji von Vertrieb von den Endbenutzern bringt.
9. Schlussfolgerung
In der Wahrheit sind die Menschen müde von der Animereite. Sie genießen auch die gleichen Techniken - Countdown-Timer, verrückte Rabatte, "einzigartige Angebote", statische Kritiken, die sich nicht für 2-3 Jahre ändern.
Damit der Besucher Ihre Landung nicht geschlossen hat, machen Sie es nicht sabroval. Nein, Sie können einfach die Vorlagen verwenden, sondern sie mit dem Verstand füllen. Lüge nicht, jage nicht den flüchtigen Nutzen. Denken Sie an den Kunden nach, über seine Bedürfnisse.
Lassen Sie uns zusammenfassen:
- Landung. - Dies ist ein tolles Werkzeug, um neue Abonnenten anzulocken, Käufer.
- Machen Sie kein Angebot nur auf der Landing-Seite. Um mit dem Publikum zu kommunizieren, entwickeln Sie andere Anweisungen - Blog, Hauptwebsite, Gruppen in sozialen Netzwerken.
- Sie haben immer Zeit, die Landing-Seite zu bestellen. Versuchen Sie daher, es zuerst alleine zu machen. Dies hilft Ihnen, Vorlagen und Designer bereitzustellen. Sie können nur eine Marketingstrategie entwickeln, Text schreiben, konfigurative Werbung konfigurieren.
Am Ende des Artikels - Video zum Thema Fertigung perfekte Landung:
Ich wünsche Ihnen viel Glück im Geschäft, starten Sie die Landing-Seite und steigern Sie den Umsatz!
Die Landung brach schnell in die Welt des Internet-Marketings ein, schwitzte die üblichen Sehenswürdigkeiten. Wenn nur zwei Arten von Landing-Page zuvor verwendet werden, Single-Page und Multi-Pide, nun werden die Unterarten der Landung nach dem Regen wie Pilze wachsen. Schauen wir uns die Top 15 Arten von Single-Tunnors mit Beispielen an, um besser zu verstehen, mit dem Sie arbeiten können.
Landung "Über uns"
Beginnen wir eine Trefferparade mit der Landung "Über uns". Vereinbaren, viel besser: Anstelle des langweiligen Textes aus einem Paar Absätze im entsprechenden Abschnitt der Site erstellen Sie eine vollwertige Kreditvergabe. Es ist wie ein Reisepass in einem schönen Cover - er erzählen von den wichtigsten Vorteilen / Aufgaben / Preisen und erregt Aufmerksamkeit.
Nachfolgend ist das Beispiel der Vika-Landung, die eine Fußballschule bezeichnet. Es gibt typische Blöcke von einem Schlafzimmer - "Über uns", Vorteile, Bewertungen. Und das dabei können Sie ein funktionales VK machen. Übrigens war Peter Panda einer der ersten Texterraucher, der anfingete, Texte für die Landung venkontakte zu schreiben.
Landung auf der Hauptseite
Dies ist ein weiterer Anführer unter der Landing-Seite. Auf der hauptseite müssen viele Daten anpassen - kurzbeschreibung, Mini-Katalog oder Beschreibung mehrerer Produkte, Vorteile, vielleicht sogar Preise, Kontakte, Widgets. Damit der Leser dieses Array von Informationen nicht müde ist, müssen Sie sich an die Interaktivität der Kreditvergabe halten.
Dies ist das Beispiel unten - Landing-Seite, das auch für Kinder gefällt. Deshalb vertraut er den Eltern, die für die Show zahlen werden. Neben hellen Farben und Fotos von glücklichen Kindern gibt es mehrere Arten von Szenarien, Videosprachen usw. Der Rest der Unterabschnitte ("Weitere Details erfahren", die die Arten von Shows, Preise usw. beschreiben, können nicht mehr als lädt durchgeführt werden.
Und ein weiteres Beispiel
Landing-Spiele.
Solche Websites verfügen nicht über einen Katalog, Beschreibungen der VORTEILE der Marke oder des Blocks mit Kontakten. Sie werden für indirekte Werbung oder nur für die Anerkennung der Marke geschaffen. Lustige Flash-Spiele werden vom Benutzer genau erinnert. Wenn Sie das Vertrauen in das Produkt bringen möchten oder die Zertifizierungsstelle wärmen - nehmen Sie eine Notiz.
Im Beispiel - das Spiel "Eat Bombe", lädt es nicht besonders den Benutzer und Verzögerungen. Darüber hinaus ist dies eine unauffällige Werbebesprechung der FWA.
Seite "404 nicht gefunden" -Seite
Nicht nur eine nützliche Information Erstellen können gerahmt sein. In Form einer Single-Seite können Sie sogar eine Seite 404 erstellen. Wenn der Benutzer auf Ihrer Website nicht auf dieser Seite herausgekommen ist, wird schön, lustig oder sogar das Spiel sicherlich surfen, dass sie weiterhin den Standort surfen.
Bieten Sie den Benutzer Links zu anderen Abschnitten der Site an. So schließt er eher die Seite. Die folgenden Beispiele sind nicht nur coole Grafiken, sondern auch zu einem Klick auf startseite oder andere Site-Seiten. Eine Kleinigkeit, natürlich, aber Erfolg und besteht aus kleinen Dingen!
Ledding - Events.
Wenn Sie möchten, dass das Ereignis die zentrale Montage erfahren möchte - Ledding. , Ereignisprogramm usw. Es sieht sehr langweilig aus, wenn es mit einem soliden Tuch hergestellt wird, und selbst markierte Listen helfen nicht, die Aufmerksamkeit des Lesers aufmerksam zu halten.
Sie können das Interesse vom Block bis zum Block erwärmen, ohne den Leser zu verlieren, zeigen in Form von praktischen Blöcken das Programm, die Lautsprecher, die die Vorteile von Symbolen hervorheben. Und "Cherry on the Cake" sind Videobewertungen, Fotos von früheren Events mit animierten Übergängen und anderen Multimedia-Techniken. Und vergessen Sie nicht von Triggern - ein Rabatt für die Registrierung auf eine bestimmte Anzahl oder für einen bestimmten Freund wird nicht überflüssig sein.
Unten ist ein Beispiel für eine lange Ladung, die viele konzentrierte Informationen ergibt, so dass Sie nicht ca verlieren, und sie erreichen das Ende des Textes.
Es gibt noch viele Untertypen der Kredite, zum Beispiel Single-Tunnors ohne Struktur oder mit einem Airborne-Dienst, aber oben sind die häufigsten. Wenn Sie eine beliebige Seite der Site für die Landung anordnen oder die Webressource auf einer einzelnen Seite ersetzen können - fühlen Sie sich frei, um dies zu tun, da die Netzwerkbenutzer nicht mehr von Text mit einer bequemen Struktur überrascht sind, geben Sie sie an modernes Design, Animation und attraktive Trigger 🙂
Verkauf von Sites. Was ist das? Jede Sekunde wird sagen: "Natürlich ist es eine Kreditvergabe!". Sie sind Single-Tunnors, sie landen Paige, sie verkaufen Seiten.
Ich werde Sie nicht im Gegenteil überzeugen, denn in diesen Worten einen großen Anteil an der Wahrheit. Daher werden wir in diesem Artikel analysieren, welche LEDddierung das Beste genannt werden kann und warum.
Deshalb fing ich an, nach den meistverkauften Sites zu suchen. Wo Sie ihre Beispiele, Bewertungen und wie man sie grundsätzlich bewerten soll. Schließlich wurde eine anfänglich einseitige Site erfunden, um den Umsatz des Unternehmens zu erhöhen.
Vor kurzem hat sich viel sehr viel verändert. Wir sind gegangen, die früher relevant waren, die Websites begannen, besser, schön zu machen, mit vielen Animationen, Bildern und verschiedenen Glühen-Chips.
Bewertungskriterien sind fragwürdig
Nach welchem \u200b\u200bPrinzip ist das Prinzip zu bewerten? Was machen Sie die Basis? Wie kann man eine Bewertung von Top-10-Websites machen?
Wo sollen Websites für den Wettbewerb teilnehmen? All dies kompliziert die Situation, um die gegenwärtige und ehrliche Bewertung der besten Sites zu schaffen.
Darüber hinaus wissen wir nicht, wie viele Verkäufe des Unternehmens durch solche Websites begangen werden. Sie können nicht anrufen und fragen: "Was ist mit Ihnen?" Oder "Wie viel erhalten Sie Anwendungen von?".
Ich bin sicher, niemand wird eine solche Frage beantworten, da entweder niemand glaubt oder sagt, dass dies vertrauliche Informationen ist.
Ja, habe geheiratet!
Also habe ich es einfacher gemacht. Er fing an, die Bewertungen und Sammlungen der besten LEDING zu suchen und zu sehen. Und weisst du was?
Die Site ist lange geladen, und dies kann von der Ausfallrate sehr stark beeinflusst werden. Das heißt, die Leute werden ihn schneller lassen, als das Angebot sehen wird.
2. Workshop "Dinero"
Dies ist keine Website, dies ist ein ganzer Film über einen "Charakter" - eine hölzerne Geldbörse. Wenn er 1.000 bis 2 000 r kostet, wäre die Site fehlgeschlagen.
6. Projekt "Big Dringing"
Die meisten Frauen (ihre Zielgruppe) hörten von dem Projekt "Mad Trocking". Ihre Werbung für den Start ist am gesamten Internet befestigt. Und es ist nicht überraschend, wenn Millionen des Verkehrs investiert werden.
Aber ohne einen guten Standort erhalten Sie keine Zehner von Millionen Umsätzen, sodass auch ihre Website in unserem Top enthalten ist.
Projekt "großes Trocknen"
Es ist ersichtlich, dass es für die Schöpfung gründlich geeignet war, was nur einige Texte wert sind. Aber nur sie haben einen großen Fehler gemacht - endet am Ende keinen Anrufknopf.
Und dies betrifft den Besucherabfluss, da sie die logische Schließung der gesamten Geschichte nicht sehen.
7.
Wir selbst verwenden das BITRIX24-Kundenbeziehungssystem. Da wir jedoch nicht "" tun, übertraf der Standort des Megaplan-Systems alle Erwartungen.
Sie brachten alle Hauptmomente ihres Systems durch, danach verstehen Sie, dass dies das Beste für das Geschäft ist.
CRM "Megaplan"
Von unseren Wünschen zur Verbesserung - Fügen Sie einen Videoüberblick über das System hinzu, da alle direkten Wettbewerber es ist. Und ersetzen Sie auch verständlichere Berufungen, nämlich ersetzen Sie die Schlagzeilen (nicht die Schaltflächen) auf der "Startnutzung für frei" oder so etwas.
Apropos! Wenn Sie als Ihr CRM-System verwenden möchten, empfehle ich Ihnen, den "Megastart" -Pretionscode nicht zu vergessen. Sie erhalten also einen Rabatt auf den ersten Einkauf von 10% und 14 Tagen kostenlos.
8. Bank für Unternehmer "Punkt"
Eine weitere Kreditvergabe von der Bank. Er erhält einen Preis für seine Originalität. Diese Seite wird als Überweisungslink an Ihre Freunde gesendet.
Um den Effekt zu verbessern, hätten wir ein paar weitere Blöcke hinzugefügt, die in der Logik angelegt werden. Da ist der Standort jetzt mehr auf Emotionen gerichtet. In einigen Fällen könnte es sein richtige EntscheidungAber da wir eine Wahl der Bank haben, können hier keine Emotionen hier tun.
Bank für Unternehmer "Punkt"
9. Ausrüstung der Turnhalle "Goodfit"
Eine interessante Übergangsstelle von schwarzem Gamma in Weiß mit Blau. Aber neben einer interessanten Designerlösung wird diese Landung verwendet gute Partie Header.
In diesem Design sind sie nicht in den Block, sondern von unabhängigen Elementen, sondern von unabhängigen Elementen, die Sie bereits ein vollständiges Bild erstellen können.
Für volle Verpackungen gibt es im Namen des Generaldirektors nicht genügend Videopräsentation. Sicher ist er in ausgezeichneter körperlicher Form.
Und es wäre auch großartig, Zahlen in Fällen hinzuzufügen. Das heißt, wie viel ist der Hall, der den Kunden erhielt. Dies ist jedoch nicht kritisch, aber vorzugsweise.
Ausrüstung der Turnhalle "Goodfit"
10. Einkaufszentrum "Metropole"
Natürlich ist dies das beste Online-Einkaufszentrum, das ich je gesehen habe. Wunderschön ausgewählte Farben, berichteten den wichtigsten Sinne, hervorragende Benutzerfreundlichkeit. Dies ist alles sofort sichtbar, wenn er in diese Kreditvergabe bewegt wird. Klicken Sie daher auf und erkunden Sie es.
Obwohl ich meine 5 Kopeken einfügen werde. Natürlich verstehe ich, dass Menschen, die mit diesem Zentrum vertraut sind, auf diese Website kommen sollten. Aber Leute, die es zum ersten Mal sehen werden, werden auf ihn fallen.
Es war also logisch, um eine kleine Beschreibung zu machen (Beschreibung in wenigen Worten über das Unternehmen), so dass der Besucher sofort wusste, wohin er sie bekomme und dass er dort wartete.
Einkaufszentrum "Metropolis"
Nur Russland!?
Ja, in seiner Überprüfung konzentrierte ich mich hauptsächlich auf die besten One-Page-Runet-Sites, obwohl es sehr viel würdige, gute Möglichkeiten in der Welt gibt.
Darüber hinaus ist das Wichtigste (und es ist das erstaunlichste), die Landing-Seite im Bourgeoiet nutzt nicht nur ein kleines Geschäft, sondern auch ein großes Geschäft.
Zum Beispiel hat ein der berühmtesten Taxi-Dienste der Welt von Uber die folgende Option als Hauptstandort angenommen - eine multifunktionale Landing-Seite oder, wie es noch üblich ist, mehrfach zu sprechen, mehrfacher Lunding.
Dies ist ein Ort, das aus einer Vielzahl von Kreditvergütungen besteht. Praktisch mehrere Site. Aber immer noch landen.
https://youtu.be/clf-txthgnc.
Aber ich poste ihre Landing-Seite aber nicht hier, weil sie andere sind. Lassen Sie sich alles sagen, dass wir alles hinter dem Westen wiederholen, aber in diesem Fall denke ich andersfalls an.
Wir, Russen, andere. Wir haben noch eine Art Denk, da wir in einem anderen Land leben.
Beispielsweise hat ein Amerikaner fast keine Anliegen im Kopf, in dem sich das Unternehmen Geld nimmt und auflösen wird. Da sie alle um zehn Reihen geschützt sind, lohnt sich nur ein PayPal.
Wir sind auch in Russland diese Angst vor der Vorderfront. Daher haben sie nur wenige überzeugende Blöcke auf der Website, um dem Unternehmen zu vertrauen, und wir haben eine Dunkelheit.
Ich kann mehr Dutzende von Argumenten führen, die wir verschiedene bessere Kredite haben werden. Deshalb frage ich Vergib, aber hier wird es keine Optionen geben.
Es ist besser, unsere russischen Lösungen zu genießen. Modell Unsere Texte und Blöcke. Und in Übersee-Websites nehmen Sie einfach gute Ideen für das Design.
Kurz über die Hauptsache
Wenn Sie nun alle Antragsteller angesehen haben, ermutige ich Sie nicht blind aus.
Bei einem Minimum kann jemand die Idee der interessanten Animation ergreifen. Oder jemand aus den Schöpfer kennt zum Beispiel die eigene eigene und verwendet dies während der gesamten Landung. Im Allgemeinen lernen, Schlussfolgerungen ziehen und stehen stehend.
Und übrigens, wenn Sie nach Ideen für Ihre erste Kredite suchen, können Sie versuchen, es selbst zu erstellen. Sie werden also verstehen, was Sie brauchen, und dass es nicht so einfach ist, wie es auf den ersten Blick erscheint.
Verwenden Sie dazu, wie beispielsweise die LP-Plattform. Und dann warten wir darauf, dass Sie uns für eine gemeinsame Entwicklung besuchen.
Grüße, meine lieben Leser. Heute werden wir über die technischen Momente sprechen, mit der wir uns erhöhen können umwandlung des Umsatzes. Seine Waren oder Dienstleistungen. Einer von wichtige Momente ist eine qualitativ nachdenkliche Landungsseite mit Waren. Die sogenannte Landing-Seite an der Erstellung, deren wir später sprechen und sich fertig gemacht haben.
Was ist Landing-Seite (Zielseite)? Dies ist eine Seite, für die die Menschen in der Regel fällt, nachdem Sie auf die Anzeige geklickt haben. Erstellt unter einem Satz: Produkt, Service oder Abonnement. Effiziente Landing-Seite - Eckpfeiler des erfolgreichen Internet-Marketings. Die Ware kann das beste auf dem Markt sein, die Ankündigungen werden der Perfektion mitgeteilt, jedoch ohne gute Landing-Page-Bemühungen geben keine 100% des Ergebnisses. Sie erzählt den Besuchern, was angeboten wird, und warum sollten sie es bekommen wollen. Das Gefühl der Dringlichkeit trägt zur schnellen Entscheidungsfindung und der Passage des Benutzers in der Kategorie des Kunden bei.
Wie erstellen Sie eine Kreditvergabe? Es ist falsch zu glauben, dass die Antwort in der Fähigkeit liegt, sich aufzuholen. Eine gute Landing-Seite ist das Ergebnis koordinierter Arbeiten an Zielen, Text, Design und Code. Landing-Page, von denen Beispiele niedriger sein wird, wird Ihnen helfen, die Anfänger die Grundlagen der Arbeit mit dem Layout zu meistern, sondern die Umwandlung Texte und das Verständnis der Zentralasien nicht ersetzen. Sie können sie auch mit verschiedenen erstellen designer-Landing-Seite..
Bevor Sie eine Zielseite erstellen, fragen Sie sich daher:
- Was wird eine Person nach der Eingabe von Landing-Seite tun? Wird er etwas kaufen? Wird das Formular ausfüllen? Anmelden des Newsletters? Ermitteln Sie vor der Verfolgung des Umwandlungskoeffizienten klare Ziele.
- Wer sind meine Konkurrenten? In der Tat sind es drei Fragen: Wer, wie erfolgreich sie sind und wie können Sie ihre Leistungen anwenden? Nachahmung ist die aufrichtigste flache Form. Wenn Wettbewerber das tun, wiederholen Sie dies auf Ihrer Website.
- Wer ist mein Publikum? Je besser Sie verstehen Ihre Nische und Zentralasien, desto mehr Chancen, dass die Bemühungen auszahlen wird.
Es ist notwendig, alle notwendigen Informationen anzubieten, aber nicht so viel zu unterdrücken und den potenziellen Kunden zu bewegen.
Beispiele zur Erstellung von Landing Page + Codierung für Kritzeleien
Bevor Sie mit dem Fall fortfahren, sollten Sie den HTML und CSS kurz in Betracht ziehen. Verstehen, wie sie arbeiten, werden helfen, Landung zu schaffen.
HTML. - Browser-Markup-Sprache zur Visualisierung von Websites. Es wird mit Tags geschrieben, die in Winkelklammern eingeschlossen sind, die den Inhalt bestimmen.
Das Tag wird geöffnet (<>) und schließt () um die Füllungen:
<тег>inhaltтег>
Attribute werden dem Namen Setup nach dem Namen hinzugefügt:
<тег атрибут="значение">inhaltтег>
CSS - bestimmt, wie HTML-Elemente arrangiert werden. Besteht aus Selektoren, Eigenschaften und Werten:
# Wahlschalter (Eigenschaft: Wert;)
Der Selektor entspricht dem Namen eines bestimmten Tags in HTML. Ändern der Werte und das Hinzufügen von Eigenschaften ist einstellbar aussehen. Sie können anders als einander erstellen und verschiedene CSS-Stile auf dieselbe HTML anwenden.
5 Anfangsschritte.
Für ein schnelles Layout verwenden wir eine Vorlage mit einem minimalen Design basierend auf dem Bootstrap. Dies ist ein System mit eigenen Selektoren, das weltweit verwendet wird, um das Layout zu beschleunigen.
Sieht bescheiden aus.
Von diesem Fisch aus wird ein Standort für jeden Geschmack für mehrere Etappen erstellt.
Verzeichnisstruktur im Ordner:
- index.html: Dies ist die Hauptdatei, die bearbeitet wird.
- / Assets: Hier sind Hilfsdateien:
- / CSS: Der Katalog enthält die Stile des Bootsstraps und der Symbole. Die Datei, die bearbeitet wird - Main.css.
- / IMG: Ordner für Bilder der Site.
- / Schriftarten: Schriftarten-Symbole.
- / js: Bootstrap EABescript-Dateien.
Schritt 1: Verwenden des Titels
Titel und Untertitel - Schlüsselplätze, um beim klaren Formularwert des Angebots zu vermitteln.
Ändern Sie den Titel- und Site-Name. Hier muss die Fertigkeit nicht versiert sein - schreibt seinen Text an Orte, die gelb auf dem Bildschirm gelb zugewiesen werden.
Schritt 2. Verärgert - Schwesterumwandlung. Addition von Vorteil und Tarifen
Es dauert 4 Abschnitte:
- vorteile;
- tarife
- bewertungen;
- aufruf zum Handeln.
Wir werden einen Abschnitt des Hauptinhaltes „Main“, bei dem Einsatz der notwendigen Abschnitte Ausgabe:
…..
…..
…..
…..
Füllen Sie das Füllen anstelle von Punkten.
Für die Vorteile ist dieser Code erforderlich:
Leistungen
Schnell
Zuverlässig
SED-Durchmesser nicht ...
Profitabel
Elit, Sed-Diam 3
Technisch
Lorem ipsum dolor sit amet, consectetuer Adipisting Elit, Sed Diam nonummy
Zuverlässig
Lorem ipsum dolor sit amet, consectetuer Adipisting Elit, Sed Diam nonummy
Profitabel
Lorem ipsum dolor sit amet, consectetuer Adipisting Elit, Sed Diam nonummy
Technisch
Lorem ipsum dolor sit amet, consectetuer Adipiscing
Zuverlässig
Lorem ipsum dolor sit amet, consectetuer Adipiscing
Profitabel
Lorem ipsum dolor sit amet, consectetuer Adipiscing
Inhalt für Klarheit:
Während es inaktiv aussieht, aber keine Gründe für Panik, fahren wir fort.
Wir verschreiben Preise. Der Inhalt ändert sich analog mit dem ersten Schritt. Allgemeine Beschreibung mit der Klasse "Tarifs" und drei Tarife.
Lorem Ipsum Dolor AMET, Konsketuer Adipiscing Elit, Sed-Diam 3 Nibh Euishod Tincidunt Ut Laureet Dolore Magna Aliquam Erat Voluttpat. UT WISI ENIM AD MINIM veniam, QUIS nostrud Exerci TATION ullamcorper suscipit LOBORTIS NISL UT ALIQUIP EX EA COMMODO consequat.
Tarifpläne
Tarif №1.
$10
pro Monat / s
- Lorem Ipsum Dolor Sit AMET, Konsapetuer-Adipisting-Elit
- Lorem Ipsum Dolor.
- 10 Lorem. Ipsum.
Tarifnummer 2.
$20
pro Monat / s
- Lorem Ipsum Dolor Sit AMET, Konsapetuer-Adipisting-Elit
- Lorem Ipsum Dolor.
- 10 Lorem. Ipsum.
Tarif Nummer 3.
$30
pro Monat / s
- Lorem Ipsum Dolor Sit AMET, Konsapetuer-Adipisting-Elit
- Lorem Ipsum Dolor.
- 10 Lorem. Ipsum.
Sieht so aus.
Auch wenn wir nicht in der Erscheinung der Zukunft Landing-Page interessieren -. Beispiele für Änderungen Styling unter Betrachten.
Schritt 3: Vertrauenssignale und Aktion anrufen
Die Verwendung von Zielsignalen gibt den Besuchern an, dass die Marke das Vertrauen verdient. Signale können dauern verschiedene ArtenAber der Klassiker ist das Kundenfeedback.
Lorem Ipsum Dolor Sitzen Sie AMET, Consertetur-Abtreibung Elit, SED do Eiusmod Tempal Incididunts Ut Labore et dolore Magna Aliqua. UT Enim Ad Minim veniam, Quis nostrud exercitation ULLAMCO Laboris Nisi UT Aliquip EX EA Commodo:
Kundenbewertungen
"Lorem Ipsum Dolor Sit AMET, Consertetur-Adzipicing Elit, SED do Eiusmod-Tempal Incididunts Ut Labore et dolore Magna Aliqua. UT ENIM AD MINIM veniam, QUIS nostrud EXERCITION ULLAMCO LABORIS NISI UT ALIQUIP EX EA COMMODO. "
"Lorem Ipsum Dolor Sit AMET, Consertetur-Adzipicing Elit, SED do Eiusmod-Tempal Incididunts Ut Labore et dolore Magna Aliqua. UT ENIM AD MINIM veniam, QUIS nostrud EXERCITION ULLAMCO LABORIS NISI UT ALIQUIP EX EA COMMODO. "
Wir installieren einen "Anruf zu Aktion".
Lorem Ipsum Dolor AMET, Konsketuer Adipiscing Elit, Sed-Diam 3 Nibh Euishod Tincidunt Ut Laureet Dolore Magna Aliquam Erat Voluttpat. UT Wisi EniM AD Minim Veniam, Quis Nostrud Übung UllamCorper Suscipit Lobortis Nisl AT Aliquip Ex EA Commodo Folge:
Nutzen Sie bei der Bestellung heute
Bewertungen werden potenzielle Kunden helfen. Beschließen Sie, ein Produkt zu kaufen. Für die Klarheit brauchen Sie Avatare, also geben wir sie sofort an - unter jedem Zitat.
Kundenname.
Schritt 4: Integration mit Netz und mobilfreundlich
Um das Raster umzusetzen, benötigen wir Bootstrap-Container. Es ist wichtig, sich an die Gesamtzahl der zulässigen Segmente von Spalten - 12 zu erinnern. Die Klasse bestimmt die Breite der Inhaltsanzeige. Darüber hinaus ist dieses fertige Gitter, dass die Behälter basierend auf Anpassungsfähigkeit berechnet und sofort für mobile Geräte gelten. Detaillierte Beschreibung auf der offiziellen Site. Das Gitter sieht so aus.
Der Inhalt von "Main" in den Container. Dazu wird es in seinem oberen Teil verschrieben:
Wenn dies erforderlich ist, dass das Gerät auf die gesamte Breite des Bildschirms aufgerichtet wird, wird der Behälter innen eingesetzt. Hier ist es Jambotron und rufen Sie zur Aktion an.
Alle Elemente, die den Ort über einen anderen Wrap Lines-Separatoren erfordern.
Wir können nun die Lautsprecher in der Breite konfigurieren und sich auf das Bootstrap-Raster konzentrieren. Nach der Umwicklung steckte die Füllung auf, an den Rändern des Bildschirms zu kleben, ordnen sauber ein.
Setzen Sie die Preise in einer Zeile aus, indem Sie die COL-LG-4-Säulenklasse anwenden. Innerhalb Zeilenreihen ist es nicht mehr notwendig, separate Verpackungsdiiren vorzuschreiben, Sie können mit verfügbarem Raum kombinieren.
Analog, zeigen Sie Spalten für die Rezensionen und Vorteile. Wenn Sie das Element zur Seite bewegen möchten, verwenden wir die COL-LG-Offset-2-Offset-Säulenklasse. Die Figur am Ende bestimmt, wie der Betrag der Basissäulen auftreten wird.
Schritt 5. Schriften und Symbole
Wir implementieren Schriftarten für Google Font-Header. Wenn Sie auswählen, öffnen Sie die Registerkarte Importieren und kopieren Sie die Daten von ihm in die Main.css-Datei. Fügen Sie auch Header-Selektoren in die Datei hinzu, für die eine neue Schriftart angewendet wird.
@Import "https://fonts.googleapis.com/css?family\u003dRoboto+Condse" / * Importieren von Schriftart für Titel * /
.Navbar-Marke,
h1.
h2.
h3.
h4.
h5.
h6 (
Font-Familie: "Roboto Condensiert", Sans-Serif; / * Goglofont-Schlussfolgerung * /
}
Für die Klarheit werden Vorteile mit dem Textcenter des Lautsprechernamens und den fontawesome Symbolen aus dem Bootstrap-Set vorgeschrieben.
Diese Vorbereitung ist vollständig abgeschlossen.
Landing-Seite: Beispiele für Codes mit Vorschlag, PararAllax und Counter
Wir verwenden die drei beliebtesten Typen: mit einem Vorschlag, Form und Zählerzähler. Als Layout wird die Vorlage durch Effekte ergänzt.
Beispiel 1: Mit einem Vorschlag
Wir installieren den Hintergrund des Hauptteils und des Einrückens, damit der erste Bildschirm abgedeckt ist.
Jumbotron (
Hintergrund: # f5f5f5 URL (../ img / flat.jpg) oben in der Mitte no-repeat;
Max-Breite: 100%;
Padding-Top: 250px;
Padding-Bottom: 200px;
Text-ALIGN: CENTER;
}
Ändern Sie die Größe des Jambotron-Headers mit H2 auf H1. Als Nächstes verschreiben wir Stile, um die zu ändernden Elemente zu ändern.
Beginnen wir mit den Symbolen.
Vorteile i (
Farbe: # CAC4C4;
}
Nachdem das Gitterzeichen Farbe eingestellt ist. Sie können Ihre eigene Version verwenden, indem Sie HTML-Farb-Tabellen oder Bild-Editor verwenden.
Einrückungen für Abschnitte Header
abschnitt H2 (
Padding-Top: 30px;
Margin-Bottom: 25px;
}
Das Erscheinungsbild der Tarife durchführen. Der Einfachheit halber haben wir unsere eigenen Klassen zu den Elementen erstellen, die wir Punkt belegen zu wollen.
Tarif №1.
$10
pro Monat / s
- Lorem Ipsum Dolor Sit AMET, Konsapetuer-Adipisting-Elit
- Lorem Ipsum Dolor.
- 10 Lorem. Ipsum.
Und viel CSS. Für welche Orte sind die Plots beantwortet, in den Kommentaren geschrieben - / * zwischen den Sternen mit einem Sternchen * /
/ * \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d Tarif Styles \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d * /
/ * Allgemeiner Tariftyp * /
.Pricing_Item (
Hintergrund: # F2F2F2;
Position: relativ;
Anzeige: -webkit-flex;
Anzeige: Flex;
Flex-Richtung: Säule;
Ausrichten-Gegenstände: Stretch;
Text-ALIGN: CENTER;
-Webkit-flex: 0 1 330px;
Flex: 0 1 330px;
Polsterung: 2EM 3EM;
Marge: 1EM;
Farbe: # 262B38;
Cursor: Default;
Überlauf versteckt;
}
/ * Hintergrundschicht beim Drücken von * /
.Pricing_Item: Hover (
Farbe: # 444;
Hintergrund: #daebef;
}
/ * Individueller Preistagsubstrat in jedem Tarif * /
.Pricing_Item: Erstkind .Preis (
Hintergrund: # 9BA9B5;
}
.Pricing_Item: NTH-Kind (2) Preis (
Hintergrund: # 1f6098;
}
/ * Auf breiten Bildschirmen, Einrückung und Hervorhebung der durchschnittlichen Tarifsäule * /
@Media-Bildschirm und (Min-Breite: 66.250EM) (
.Pricing_Item (
Marge: 1.5em 0;
}
.featured (
Z-Index: 10;
Marge: 0;
Schriftgröße: 1.15EM;
}
}
/ * Titel * /
.Pricing_Item H3 (
Schriftgröße: 2em;
Marge: 0.5EM 0 0;
Farbe: # 1D211F;
}
/ * Preistagsubstrat * /
.Preis (
Schriftgröße: 2em;
Schriftdicke: fett;
Farbe: #FFF;
Position: relativ;
Z-Index: 100;
Linienhöhe: 95px;
Breite: 100px;
Höhe: 100px;
Marge: 1.15EM Auto 1EM;
Grenzradius: 50%;
Hintergrund: # 77A5CC;
-Webkit-Übergang: Farbe 0.3s, Hintergrund 0,3s;
Übergang: Farbe 0,3s, Hintergrund 0,3s;
}
/ * Währung * /
.currency (
Schriftgröße: 0.5EM;
Vertikal ausgerichtet: super;
}
/ * Klarstellung des Angebots * /
.Sentenz (
Schriftdicke: fett;
Marge: 0 1EM 0;
Polsterung: 0 0 0.5EM;
Farbe: # 2A6496;
}
/ * Aufführen * /
.Pricing_Item ul (
Schriftgröße: 0.95EM;
Marge: 0;
Polsterung: 1.5EM 0.5EM 2.5EM;
Text-ALIGN: links;
}
/ * List-Artikel * /
.pricing_item li (
Polsterung: 0.15 Uhr 0;
}
/ * Tarifbestelltaste * /
.Pricing_Item-Taste (
Schriftdicke: fett;
Margin-Top: Auto;
Polsterung: 1EM 2em;
Farbe: #FFF;
Borderradius: 5px;
Hintergrund: # 428bca;
-Webkit-Übergang: Hintergrundfarbe 0,3s;
Übergang: Hintergrundfarbe 0,3s;
}
/ * Ändern Sie die Farbe, wenn Sie auf die Taste * / drücken
.Pricing_Item-Button: Hover,
.Pricing_Item-Taste: Fokus (
Hintergrundfarbe: # 285E8E;
}
/ * Tarife Hintergrund * /
.bg-2 (
Hintergrund: #dddddd;
}
Ergebnis
Kundenbewertungen. Lassen Sie uns ihnen einen ordentlichen Look geben, wir bezeichnen den Standort.
/ * \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d Testimonials Styles \u003d\u003d\u003d\u003d\u003d\u003d\u003d\u003d * /
referenzen (
Polsterung: 4em 0;
Text-ALIGN: CENTER;
}
.Timonials .avatar img (
Grenzradius: 50%;
Float: links;
Anzeige: Inline;
Margin-Right: 1EM;
Breite: 65px;
Höhe: 65px;
Margin-Bottom: 30px;
}
.Timonials .avatar p (
Text-ALIGN: links;
Padding-Top: 1EM;
Farbe: # 5D5D5D;
Font-Gewicht: 900;
}
Es ist weiterhin, den letzten Appeal und der Fußzeile zu dekorieren.
/ * Aktion * /
.Aktion (
Hintergrund: # 476177;
Min-höhe: 180px;
Breite: 100%;
Polsterung: 4em 0;
Text-ALIGN: CENTER;
}
.Action H2 (
Farbe: #FFF;
Font-Gewicht: 300;
}
.Action p (
Farbe: #FFF;
Textschatten: 0 1px 2Px RGBA (0, 0, 0, .2);
Schriftgröße: 1.2em;
}
.Action .container (
Margin-Top: 3em;
}
/ * Fusszeile * /
fusszeile (
Hintergrund: # 333333;
Polsterung: 1EM 0;
Textsignal: Recht;
}
fußzeile P (
Farbe: #FFF;
Linienhöhe: 1;
Text-Transformation: Großbuchstaben;
Schriftgröße: 0.7em;
Margin-Top: 0.5EM;
}
Die Schaltfläche Foothold ist eine integrierte BT-STASTRA-Klasse BTN-Standard-Standard zugewiesen.
Verlobungsmuster. Wir stellen eine glatte Scrollen und Tasten für die Abschnitte, sowie die Animation des Textes auf dem ersten Bildschirm.
Um die Übergänge zu arbeiten, wird ein Teil der Abschnitte Klassen durch Ausweis ersetzt - für Vorteile und Tarife. Und Verweise auf die ID, die ich den Knöpfen vorschlägt. Bildschirm - an, an was gebunden ist, wird mit einem gelben Marker hervorgehoben.
Geben Sie die Einrückungen der Tasten an - JButton an. Scrollen Sie beim Drücken von Arbeiten, aber sehr scharf.
Glatte Übergänge werden erstellt, wenn javascript-Hilfe oder jquery. Der letzte Standard ist mit Bootstrap-Vorlagen verbunden.
Jetzt ist das Scrollen glatt geworden.
Animation zum Text mit Animate.css hinzufügen ( https://raw.githubusercontent.com/daneden/animate.css/master/animate.css.). Das ist fertig offener CodeEs kann an jedem Standort verwendet werden. Datei von Githab Wir setzen in den CSS-Ordnern und verschreiben den Pfad.
Wir wählen Effekte hier aus: https://daneden.github.io/animate.css/. Wir haben Fadedown ausgewählt. In dem Code wie diesem registriert:
Beim Herunterladen oder Aktualisieren der Seite wird der Text jetzt animiert. Bereit.
Beispiel 2: Mit Form- und PararAllax-Effekt
Je mehr Felder der Form des Besuchers angeboten werden, desto weniger zufällig, dass er sie füllen wird. Fragen Sie nur die notwendigen Mindestinformationen.
Von Analogie gesammelt. Wir werden die Hintergründe und Farben ändern. Achten Sie natürlich ein Formular.
Beginnen wir mit S. parallaxe .
Ändern Sie den Jumbotron-Hintergrund auf transparent:
hintergrund: transparent;
Innerhalb des Kopfes Legen Sie das Skript ein:
Die erste Leitung des Körpers ist ein Container für Parallaxe:
Und in CSS sein Verhalten:
Bgparallax (
Hintergrund: URL (/../ img / flat.jpg) wiederholen;
Position: Fixiert;
Breite: 100%;
Höhe: 300%;
Oben: 0;
links: 0;
Z-Index: -1;
}
Pararallax bereit. Änderungen an dem Code und neuer Hintergrund Erfordert die Farbgamma-Neuzuweisung.
Ein dunkles Menü machen:
Navig-Standard (Standard) (
Hintergrundfarbe: # 333;
Borderfarbe: # 444;
Farbe: darkgrau;
Borderradius: 0;
}
Navig-Standard-Standard
Farbe: darkgrau;
Hintergrundfarbe: RGBA (0, 0, 0, 0,5);
}
Wir ersetzen das Angebot in Jumbotron auf ein neues - mit dem Kodexcode:
Die Zielseite wird die Besucher an Kunden
Quisque Tincidunt DUI Augue SUSTENDISE Lorem Vel-Diam Consettur-Posuere-Fahrzeug-Posueret Mauris-Fahrzeug-Tortor Rhoncus Vulputate Massa.
-
-
Lorem Ipsum Dolor Setzen Sie sich amet, ein Konszetuer-Adipising-Elit, SED-Durchmesser nicht.
Und ein Aussehen verschreiben
/ * Bilden * /
.Adeform-Liste (
List-Stil-Typ: Keine;
Linienhöhe: 26px;
Font-Gewicht: 400;
Polsterung: 0px;
Margin-Bottom: 40px;
}
.Adeform (
Überlauf versteckt;
Position: relativ;
Hintergrundfarbe: RGBA (0,0,0 ,,4);
Polsterung: 35px 40px;
Borderradius: 8px;
}
eingabe, Taste, Auswahl, Textarea (
Breite: 100%;
Margin-Bottom: 10px;
}
.Headform-list li .fa (
Position: absolut;
Oben: 0px;
Links: 0px;
Breite: 42px;
Schriftgröße: 24px;
Text-ALIGN: CENTER;
}
.Adeform-list li (
Position: relativ;
min-höhe: 38px;
Padding-links: 62px;
Margin-Bottom: 20px;
}
.jumbotron p (
Farbe: #FFF;
Schriftgröße: 16px;
Schriftart: Italic;
}
Der Text von Jambotron kam hierher, da er eine Änderung verlangte.
Tarife wiederholen.
/ * Allgemeiner Tariftyp * /
.Pricing_Item (
Hintergrundfarbe: RGBA (0,0,0 ,,4); / * String geändert * /
Borderradius: 4px; / * String geändert * /
Position: relativ;
Anzeige: -webkit-flex;
Anzeige: Flex;
-Webkit-Flex-Richtung: Säule;
Flex-Richtung: Säule;
-Webkit-Richten-Gegenstände: Stretch;
Ausrichten-Gegenstände: Stretch;
Text-ALIGN: CENTER;
-Webkit-flex: 0 1 330px;
Flex: 0 1 330px;
Polsterung: 2EM 3EM;
Marge: 1EM;
Farbe: # F2F2F2; / * String geändert * /
Cursor: Default;
Überlauf versteckt;
Kastenschatten: 0 0 15px RGBA (0, 0, 0, 0,05);
}
/ * Hintergrundschicht beim Drücken von * /
.Pricing_Item: Hover (
Farbe: # 444;
Hintergrund: #DDD; / * String geändert * /
}
Jetzt sehen sie so aus - transparenter Hintergrund und abgerundete Ecken.
Die Vorlage ist fertig.
Beispiel 3: Mit Countdown-Zähler
Ändern Sie erneut die Füllung von Jambotron und wiederholen Sie die Vorlage für einen neuen Hintergrund analog mit der vorherigen Vorlage. Verbinden Sie das Zählerskript:
Html.
Die Zeit wartet nicht
Lorem Ipsum Dolor AMET, Konsketuer Adipiscing Elit, Sed-Diam 3 Nibh Euishod Tincidunt Ut Laureet Dolore Magna Aliquam Erat Voluttpat. UT Wisi Enim Ad-Minimum Veniam, Quis-Nostrud-Übung UllamCorper Suscipit Lobortis Nisl-ALIQUIP Ex EA Commodo-Konsequenz. Duis AUTEM VEL EUM Iriure Dolor in Hendrerit in Velitat Velit Esese Mostie Konsequer, Vel Illum Dolore EU FEUGAT NULLLA FAILISIS AT VERO ERS ET COLARSAN ET IUSTO ODIO DIGNISSIM QUI FLANDIT PRAESENT LUSTATUM ZZRIL DELENIT AUBUE DUIS DOLORE TE FEUGAIT NULLA FAILISI.
-
Lorem Ipsum Dolor Setzen Sie sich amet, ein Konszetuer-Adipising-Elit, SED-Durchmesser nicht.
-
Lorem Ipsum Dolor Setzen Sie sich amet, ein Konszetuer-Adipising-Elit, SED-Durchmesser nicht.
Entfernen Sie in der Stildatei den niedrigeren Radius der Form, bringen Sie die Taste in den Sinn.
Darüber hinaus wurde das Menü unter dem neuen Hintergrund neu ackt, und der Textstil wurde in Jambotron - analog mit dem vorherigen Beispiel geändert. Ergebnis.
Unterteil
In diesem Beispiel wird die Landing-Seite abgeschlossen, der Code erfordert jedoch zusätzliche Arbeit.
Die Landing-Seite sollte schnell und gut sein, wie Ferrari - die Seitenladungszeit hat einen großen Einfluss auf Fehlerindikatoren. Optimieren Sie die Bilder, minimieren Sie die Größe der bereitgestellten Skripte und -stile für maximale Effizienz.
Die Lektion präsentiert Beispiele für die Erstellung einer guten Landing-Seite, die Ihnen helfen wird, Ihnen echte Kunden zu bringen, und Sie lernen etwas Neues. Wir setzen den Husky und machen Wiederholungen. Bis bald.
Um alle in der Lektion vorgelegten Quellen in Form von Fertigstellen herunterzuladen, drücken Sie eine der Tasten. soziales Schloss Um es zu öffnen und einen Link zu bekommen.
Mit freundlichen Grüßen Galiulin Ruslan.
Verkaufsgenerator.Wir senden Ihnen das Material an:
Landung ist das Gesicht Ihres Unternehmens im World Wide Web; Wenn es den Benutzer nicht mag, bringt er die Seite einfach und vergessen Sie. Damit dies nicht passiert, empfehlen wir, die beste Leding-Seite zu erkunden. Beispiele helfen Ihnen, zu navigieren, um Ihren eigenen Single-Tunnor zu erstellen.
Aus diesem Artikel lernen Sie:
- Was ist Landing-Seite?
- Wer ist besser anvertrauen
- 13 Tipps zur Erstellung von Landing Page + Erfolgreiche Beispiele
- Was sollte Ledding-Seite für den Online-Shop sein?
- Beispiele für Landing-Seite mit hoher Umwandlung
Was ist Landing-Seite?
Eine Vielzahl von Materialien und Beschreibungen praktischer Beispiele finden Sie im Thema Anpflanzungsseite. Dieses Thema ist wirklich umfangreich, also in einem Artikel ist es schwierig, alle Methoden und Tipps zu sammeln, aber wir haben es kurz getan, was alles in einer zugänglichen Sprache beschreibt.
Landung.es ist eine Single-Site-Site. Seine Aufgabe ist es, die Aufmerksamkeit des Besuchers auf sich aufmerksam zu machen und ihn dazu zu ermutigen, eine vom Kunden gewünschte Maßnahmen zu erstellen (Kauf des Produkts, den Newsletter abonnieren, anzurufen, eine Anfrage zu verlassen).
Wenn Sie sich dem ursprünglichen Wert wenden, bedeutet die Zielseite in Übersetzung von Englisch "Ziel" oder "Landing Page". Viele dieser Ressourcen sind häufig im Internet dargestellt.
Drei Gründe, um Ledding-Seite herzustellen:
- Gute Motivation. Hochwertige Leding-Page stimuliert den Besucher auf die erforderlichen Aktionen.
- Die Geschwindigkeit der Schöpfung. Die Landing-Seite wird schnell ausreichend gemacht, und die Arbeitskosten sind in diesem Fall deutlich niedriger als beim Schreiben einer vollwertigen Stelle.
- Die Möglichkeit der Transformation. Bei Bedarf werden Änderungen an der Zielseite nicht schwierig sein.
Drei Tasks-Leding-Seite:
- Verkauf von Produkt. Zu diesem Zweck werden stimulierende Wörter angewendet ("Kaufen", "eine Anforderung", "anrufen", "Machen Sie eine Bestellung").
- Sammlung von Informationen. Dafür werden die Begriffe "Abonnieren" verwendet, "Erfahren Sie mehr."
- Ausbreitung Software durch Verkäufe.
Verkaufsalgorithmus mit Lande-Seite Besteht aus vier Stufen:
- besucher sahen einen Link zur Landing-Seite (zum Beispiel 100 Personen);
- interessiert, machte den Klick und machte einen Übergang (z. B. 40 Personen);
- eine Anwendung hinterlassen (zum Beispiel 10 Personen);
- erworbenes Produkt (zum Beispiel zwei Personen).
Die Rückgabe von 2% ist ein gutes Ergebnis. Natürlich ist es unmöglich, es zu gewinnen, aber in diesem Fall gibt es in diesem Fall Möglichkeiten zur weiteren Verbesserung.
Die Zielseite ist in den folgenden Fällen von Unternehmen erforderlich:
1. Niedrige Umwandlung der Haupttressource des Unternehmens.
Wenn Besucher die Website des Unternehmens schnell verlassen, ohne den Kauf oder andere notwendige Maßnahmen auszuführen, weist dies auf seine geringe Konvertierung hin. Gleichzeitig hat das Unternehmen möglicherweise keine Ressourcen, um diese Site neu zu starten oder einen neuen zu schaffen, der die Fähigkeiten verkauft, deren Fähigkeiten erheblich besser ist.
Pp / op * 100%,
wo PP die Anzahl der Benutzer ist, die die Zielaktion von Benutzern getroffen haben, ist OP die Gesamtzahl der Ressourcenbesucher pro Tag.
Zum Beispiel hat Ihre Site für 24 Stunden 360 Personen, 18 Besucher, angemeldet. In diesem Fall beträgt die Umwandlung 5%.
Im Runet reichen die durchschnittlichen Indikatoren der Standortumwandlung in 0,5%, während die Umwandlung der Kredite 5 bis 10% zeigt. Dieser Unterschied zeigt den expliziten Vorteil der Landing-Seite vor vollwertigen Standorten.
2. Führen Sie ein neues Produkt aus.
In diesem Fall ist es auf der Zielseite, kontextuelle Werbung erforderlich, identisch mit diesen Banner, die von Besuchern auf Suchmaschinen angezeigt werden, wenn Sie die erforderlichen Anforderungen eingeben.
3. Lösen einer bestimmten Aufgabe.
Viele Marketing-Aufgaben können gleichzeitig auftreten, daher ist es unangemessen, die Haupt-Website des Unternehmens unter ihnen zu ändern. Um sie zu lösen, wird die Zielseite erstellt.
Damit er jedoch wirklich "verdient" ist, müssen Sie die folgenden Aktionen annehmen:
Dennoch in Betracht ziehen, den einzigen Kanal der Kommunikation zu leiten. Es ist Hilfsmittelwerkzeug. Die Hauptaktionen werden mit einem Blog, einem E-Mail-Marketing usw. durchgeführt. Es ist äußerst unwirksam, alles auf einer Seite zu stellen.
Wenn der Besucher Ihr Unternehmen mit Suchmaschinen finden möchte, können Beispiele eines ständig aktualisierten Corporate Blogs, die Kommunikation auf Ihren sozialen Netzwerkseiten helfen, zu verstehen, dass das Unternehmen nicht auf Papier existiert. Daher ist es leichter, dass er ein Anruf oder eine Anwendung ist, und kehrt in eine einseite zurück.
Einfach gesagt, dies ist ein Beispiel für eine Verkaufszeitseite, die zusammen mit anderen Marketingressourcen des Unternehmens "arbeitet", die den Umsatz auswirkt.
Die der Schaffung seiner Kreditseiten anvertrauen
Ihre Landschaftsleitung muss einen klaren Anweisung haben.
Das Bild oben zeigt ein tolles Beispiel für eine Zielseite, die nicht verkäufe und nicht zum Download bittet, aber es ist sehr effektiv, da hier die Besucher, die an den Informationen interessiert sind (insbesondere die Suche nach Original-Automodets) eine kurze und zugängliche Form.
Laconic Design, ein klarer Einfluss, der den Anforderungen einer großen Anzahl von thematischen Anfragen erfüllt, ein klarer Anweisungen - hier ist ein Beispiel für hochwertige Kreditvergabe.
Anruf zu Aktion klar
Wenn der Besucher erstmals den Standort besucht, beginnt es automatisch, die Antwort auf die Frage nach Interesse zu suchen, dank dessen er den Übergang auf Ihre Landing-Seite ausführte. Die weniger Zeit wird für die Suche ausgegeben, je höher die Chancen, diesen Kunden zu erhalten. Ruthless Statistics: 80% der Zielgruppe verlassen die Seite in den ersten 15 Sekunden. Die Gründe:
- Es ist unmöglich, die von Ihnen interessierten Informationen sofort zu finden.
Nicht umsonst in diesem Material, die stimulierenden Wörter "Abonnieren" werden ständig erwähnt, "Kaufen", "Buy" usw. Diese Beschwerde zieht sofort die Aufmerksamkeit des Besuchers an. Jemand, in dem dieses Beispiel lustig ist, aber wenn auf Ihrer Landing-Seite ein großer roter Knopf sein wird, der "Jetzt kaufen" unterzeichnet wird, kann es ein hervorragendes Ergebnis geben.
- Kein spezifisches Angebot.
Zahlreiche Animation, Caps Lock, Non-Chant Navigationsseite Disorientieren Sie einen Besucher, der keinen Button finden kann, der für den Kauf- oder Mailinglisten verantwortlich ist, und möchte dieses Chaos so schnell wie möglich verlassen.
Um einen Anruf von Besonderheiten hinzuzufügen und klar zu machen, müssen Sie die Regeln befolgen:
- Zwei rechteckige rote Knöpfe Mit dem stündlichen Verb in der Mitte, untergebracht am Anfang und am Ende der Seite.
- Text muss extrem klar gemacht werden. Jeder Besucher muss sofort verstehen, was er infolge bestimmter Aktionen erhalten wird.
- Ungültiger Ablenkung des Hauptdings "Müll"(Unverständliche Grafiken, unwaizide Bilder, Banner von Drittanbietern usw.).
- Die Ausnahme des Produkts betont die Zahlen. Lassen Sie auch die Teilnahme von Adjektiven Konkurrenten. Der Besucher sollte die mathematisch ausgeprägten Ergebnisse der Verwendung Ihres Produkts sehen, insbesondere wenn ein Vergleich mit Analoga erfolgt. Die rote Taste muss notwendigerweise diese Beispiele begleiten.
- Demonstrieren Sie den Kunden, wie profitabel Ihr Angebot ist. Es verwenden auch bessere Nummern.
Sie sollten den Kunden jedoch nicht mit einem Newcomer in Online-Verkäufen in Betracht ziehen, indem sie offensichtliche Werbetricks verwenden oder mit einem Überschuss anwenden. Ein solcher Angebot-Besucher finden unnötige Obsessive und verlassen sicherlich Ihre Boarding-Seite.
Relevanz berücksichtigen
Kontextuelle Werbung und Landing-Seite müssen relevant sein, dh deren Inhalt muss sich gegenseitig und Erwartungen eines potenziellen Kunden entsprechen. Andernfalls kann der Besucher, der auf die thematische Fahne geklickt hat und auf Ihre Landing-Seite umgestellt hat, nicht sofort die Informationen des Interesses finden und höchstwahrscheinlich die Ressource hinterlassen wird.
Es ist notwendig, die Zielseite unter jedem Verkehrskanal (soziale Netzwerke, kontextuelle Werbung usw.) effektiv zu erstellen.
Über einem Beispiel der hochwertigen Landing-Seite mit einer großen Anzahl von Tasten.
Bereiten Sie Antworten auf Client-Einwände vor
Nur einer von 10 Kunden erwirbt das Produkt ohne Denken. Die meisten Besucher-Leding-Seite spielt sorgfältig die Wahl und fürchtet Betrug oder Unzufriedenheit mit der Ware. Im Herzen der Ängste kann auch der Wunsch liegen, die Tatsache des Kaufs im Geheimnis zu halten.
Solche Ängste sind natürlich, und es ist unmöglich, sie zu vermeiden. Daher sollte der Text der Zielseite sie vorhersagen und den Kunden beruhigen. Fügen Sie überzeugende Argumente für den Inhalt hinzu, der endlich alle Zweifel zerstreuen:
- Rückgabegarantie. Der Kunde muss sicher sein, dass er die Ware nicht für eine bestimmte Zeit zurückgeben kann.
- Kostenlose Testswas dem Kunden die Möglichkeit gibt, das Produkt ohne vorherige Zahlung auszuprobieren.
Ein solches Selling-Beispiel für Ledding-Seite ist die Pensionsseite des Gesangsstudios, das Online-Singing-Lektionen anbietet.
Was sollte Ledding-Seite für den Online-Shop sein (Beispiele)
Jeder Kauf im Netzwerk ist notwendigerweise mit der Füllung der großen Anzahl von Anmeldeformularen und vielen Iterationen in Bezug auf die Bestätigung des Kontos usw. Solche Aktionen nehmen viel Zeit ein, und sie können nicht vermieden werden. Einige Besucher, die diesen Ansatz kräftet, um zu kaufen.
Die Zielseite erfordert keine Registrierung und Bestätigung des Kontos. Nachdem Sie mehrere Zeilen ausgefüllt haben, werden die Besucherdaten automatisch in den Clientbasis eingegeben, während er einen "Rückruf" bestellen kann.
Vergessen Sie nicht, dass die Konvertierung der Landing-Seite oft zehnmal höher ist als die ähnlichen Indikatoren des Gesamtstandorts. Das Multicatch-Format der Webressource kann den Besucher verwirren, der manchmal das anfängliche Ziel seines "Besuchs vergisst.
Der Montebuchnik erlaubt dies nicht, da die Informationen darüber extrem klar und komprimiert werden, und das Angebot selbst ist prägnant und ermutigt eine Person, die notwendigen Aktionen vorzunehmen. Bei der Konvertierung an mobile Geräte führt die LEDING-Seite zu einem Umsatzsteigerung (Wachstumsraten erreichen 30%).
Wenn ein Einzelbutern mit einem Katalog und vollständigen Funktionen des Online-Shops ausgestattet ist, kann der Umsatz von einer Produktkategorie steigern. Die Waren werden auf Ledding erstellt und von dort verkauft. Oder von einer Einstufung, der Besucher, geht der Besucher in den Katalog zur Produktseite.
Wenn der Korb auf der Leding-Seite veröffentlicht wird, wird es automatisch zu einem Laden. Der Kunde in kürzester Zeit wird alle Informationen erfahren, an denen Sie interessiert sind, und erhielt einen Kauf in einem Klick.
Landing-Seite ansehen
Die Uhr war, es gibt eine der gefragtesten Waren. Je nach Funktionalität können sie auch ein bestimmter Status sein und bestimmte Aufgaben ausführen. Eine solche Vielzahl von Möglichkeiten erzeugt in dieser Nische einen großen Wettbewerb, um die führende Position hier extrem schwierig zu erobern.
Zu diesem Zweck ist der Verkauf von Landing Page perfekt. Zum Beispiel können soziale Netzwerke ein Teaser-, Ziel- und Kontextwerbung, soziale Netzwerke verwendet werden, um zu einer Einstufung zu wechseln.
Damit die Anlegestelle Ihre Uhren vor dem Hintergrund der Konkurrenten zugeteilt hat, sollte es eine originelle Struktur, ein attraktives Design und einen sinnvollen Inhalt haben. Befolgen Sie dazu die Empfehlungen:
- Um bei der Landung unterzubringen, ist es besser, Bilder in Ihrem Uhrenladen zu verwenden. In der Regel sind Fotos aus dem Abwesenheit auch "besucht", sodass sie nicht Vertrauen in Besuchern verursachen. Mit dem Bild können Sie eine gewisse Stimmung vom Kunden erstellen, sodass Sie im Voraus über die Idee eines Bildes nachdenken.
- Wenn der Besucher in seiner Wahl nicht zuversichtlich ist, wird es mehrere Möglichkeiten in den Korb legen. Höchstwahrscheinlich wird keiner von ihnen absolut alle Wünsche einhalten, und der Kauf erfüllt nicht. Machen Sie die Wahl für den Käufer, stilistisch markieren die optimale Option.
- Sie können Fotos von Mitarbeitern oder Manager platzieren. Eine solche "Hilfe" -Inlande-Seite wird dazu beitragen, die Kundenbindung zu erhöhen.
- Jeder Kauf ist emotional bemalt. Demonstrieren Sie Besucher, welche Gefühle von Menschen erleben, die von Menschen erwerben und anschließender Besitz.
- Um die Loyalität der neuen Kunden "Arbeit" zu erhöhen