Folge 10: Erstellen von Design-Prototypen in WordPress mit Kadence

Jedes neue Design beginnt irgendwo, und Tools wie Figma, Invision, Axure oder Adobe XD bieten Designern innovative Möglichkeiten, visuelle Darstellungen des Webdesigns zu erstellen. In der WordPress-Welt machen Innovationen im Blockeditor das Erstellen von Designs nativ, in dem Raum, der der Implementierung am nächsten ist, jedoch noch einfacher. In dieser Folge gehen wir auf Webdesign in WordPress ein. Diese Tools können hilfreich sein, aber es ist wichtig, sich auf die wichtigsten Komponenten zu konzentrieren, um effektive Designs in WordPress zu erstellen. Einzigartige Inhalte, ein Verständnis für Ihre Kunden und eine effektive Kommunikation durch das Design Ihrer Website sind das beste Erfolgsrezept.

Hören Sie über die Steuerelemente unten zu oder fügen Sie uns zu Ihrer bevorzugten Podcast-App hinzu.

In neuem Fenster anhören.

Zeitstempel & Links

• 0:00 Intro: Hannah ist am Strand!
• 1:33 Beste WordCamp-Erfahrungen: citymuseum.org
• 8:47 Prototyping eines neuen Designs in WordPress, wo soll ich anfangen
• 9:51 Umgehen des Problems mit leeren Seiten
• 10:50 Erste Schritte mit einer LMS-Kurs-Landingpage
• 15:37 Wettbewerbsforschung: Es gibt sie, was funktioniert für sie?
• 18:41 Der Standpunkt des Kunden
• 19:31 Finden Sie Ihre Inhalte heraus, bevor Sie etwas entwerfen
• 20:43 Ihr einzigartiges Unternehmen hat ein Alleinstellungsmerkmal, nutzen Sie es
• 22:40 Stellen Sie Ihre besten Inhalte an die erste Stelle
• 25:00 Kadence ist Ihr Designtool
• 30:22 Shop Kit 2.0 bereitet sich auf den Start vor, iThemes-Schulungsvorschau

Transkript für Folge 10

Kathy: Willkommen zu Episode 10 von The Kadence Beat. Wir haben es bis Folge 10 geschafft. Und für Folge 10 wollten wir ein bisschen feiern. Also flogen wir Hannah aus dem Land an einen unbekannten Ort in der Nähe eines Strandes. Hanna, wo bist du hingegangen?

Hannah: Ich bin in Mexiko.

Kathy: Du bist! Es ist also nicht nur eine Party für Folge 10. Es ist eine Fiesta für Folge 10, huh?

Hannah: Es ist ein Fiesta. Ja. Ich schätze, ihr habt das Memo verpasst. Ich meine, ich dachte, wir würden in Folge 10 in Mexiko feiern, aber es stellt sich heraus, dass es nur ich bin.

Kathy: Nun, Ben, ich glaube, du und ich verpassen etwas.

Ben: Ja, heute ist es ziemlich kalt hier und es ist so, als würden Schneegestöber herunterkommen. Mexiko-Strand klingt also ziemlich gut.

Hannah: Weißt du, genau deshalb bin ich hier. Weil Boise letzte Woche einen Rekordschneefall hatte und ich dachte, ich kann das nicht. Also habe ich ein paar Meilen verbraucht und ein Ticket nach Mexiko gebucht und bin viel glücklicher, auch viel sonnenverbrannter. Mein Körper ist ziemlich knusprig.

Kathy: Ist es wirklich so. Nun, du scheinst viel glücklicher zu sein und du scheinst bereit zu sein, für Episode 10 zu feiern. Also bin ich aufgeregt. Ich werde so ziemlich das ganze Jahr über all deine Reisen stellvertretend durch dich leben. So.

Hannah: Ja, wir laden jetzt einfach alle hierher ein. Gerade am Strand in Mexiko scheint die Sonne. Hier sind wir für Folge 10 und willkommen zur Party.

Kathy: Ausgezeichnet. Und Hannah, du hattest eine Frage für Folge 10 an uns, was ist deine Frage?

Hannah: Ja, also ich liebe eine gute Party. Ich liebe es, Partys zu veranstalten, und ich denke, eine gute Möglichkeit, Leute in eine Party einzubeziehen, besteht darin, eine gute Frage zu stellen. Also, ähm, jemand, an den ich gedacht habe, ist, was ist Ihre Lieblings-WordCamp-Erfahrung, wenn Sie auf einem WordCamp waren? Nun, ich weiß es noch einmal, Kathy und Ben haben diejenigen von uns, die hier sind, wir waren alle hier. Erzähl mir also von deinem liebsten WordCamp-Erlebnis?.

Kathy: Ich schätze, ich kann gehen. Ein WordCamp, zu dem ich ging, mein Sohn reiste mit mir und er war gerade 18 geworden, wie innerhalb weniger Tage. Und wir waren beim WordCamp Miami, und einer der Leute, mit denen wir zusammen waren, entschied, dass wir nach South Beach gehen sollten. Und es war Frühlingsferien und wir saßen in einem Auto fest, mit Leuten um uns herum. Wir konnten uns nicht bewegen. Und mein gerade 18-jähriger Sohn durfte South Beach erleben, und ich konnte nicht aufhören zu lachen, weil er mit seiner Mutter zusammen war und es war, so möchte man es nicht erleben, das erste Spring-Break-Erlebnis ist, mit seiner Mutter abzuhängen .

Und er war irgendwie beschämt, aber es bringt mich bis heute zum Lachen und gibt uns lustige Geschichten, über die wir reden können, wie zum Beispiel, wie es mit diesen Mädchen auf der Rückbank dieses Cabrios war. Und er ist so, als würde er sein Gesicht hinten in diesem Auto verstecken und es gibt kein Entkommen, weil einfach zu viele Leute in der Nähe sind.

Hannah: Ich liebe das.

Kathy: Es war ziemlich lustig.

Ben: Das ist großartig.

Hannah: Das ist das Beste. Ben, was ist mit dir?

Ben: Ähm, ich denke, wir haben ein gemeinsames Erlebnis, das bei weitem das denkwürdigste war, und es ist super lächerlich. Und das war beim WordCamp 2020 oder 2019. Sie hatten eine After-Party in einem Museum, bei der ich ehrlich gesagt die ganze Zeit, als ich dort war, dachte, wie kann dieser Ort nicht geschlossen werden. Das ist so unsicher.

Und so fühlte es sich an, als wären wir gerade in ein Gebäude gekommen, das abgerissen worden war, und dann ging jemand hinein und baute einen ganzen Haufen super skizzenhafter Dinge auf dem Abbruchgebäude. Und dann war es so, jeder hat ein kostenloses Spiel für alle und macht, was er will.

Hannah: Und ich denke, das ist jemand, der wahrscheinlich Drogen genommen hat. Würdest du sagen?

Ben: So viele Dinge, die so waren, was, was, okay. So macht das keinen Sinn. Ich meine, es ist schwer, dieses Museum zu erklären. Und ich hoffe, es gibt sie noch. Weil ich denke, es braucht einen Platz in dieser Welt, aber ich bin auch sehr neugierig, warum es nicht geschlossen wird, weil es so viele Dinge gibt, bei denen wir denken, okay, ja. das ist wirklich gefährlich. Wir wanderten herum und wir hatten eine sehr, sehr gute Zeit, weil wir nicht wussten, worauf wir uns einließen.

Und so wanderte es buchstäblich einfach durch irgendjemanden auf etwas, hatte einen ähnlichen Traum, und das haben sie geschaffen. Irgendwann kletterten wir zwei Stockwerke hoch. Ich meine, was gefällt Ihnen im Wesentlichen, wie Drahtgeflechte, die an einer Decke aufgehängt sind, die wie eine Halbkuppel war.

Hannah: Wie eine Kuppel.

Ben: Ja. Und dann sind Sie aus dieser Decke herausgesprungen und waren auf einem Dach und da war eine riesige Rutsche, die wie ein anderer Teil des Daches nach unten ging.

Hannah: Mit einer riesigen Heuschrecke. Vergessen Sie nicht die riesige Heuschrecke. Was!

Ben: Dann wie, als wäre die Rutsche in Beton gelaufen, da war nichts, als wäre nichts daran gewesen. Und dann rutschst du eine schöne Rutsche hinunter und es gibt so etwas wie ein schönes Ende. Es war wie, und du bist einfach in Beton gerutscht und alle sind aufgestanden, haben sich umgesehen, wie, ist mir das wirklich gerade passiert? Ich meine, sie, ja. Hannah, hilf mir, diesen Ort zu erklären.

Hannah: Ja, es ist schwer zu erklären, aber es war großartig. Das Beste war, wie Ben sagte, wir hatten wirklich keine Ahnung. Als hätten wir vielleicht die ersten 45 Minuten im ersten Stock verbracht, genau wie eine Cocktailstunde und dachten, oh, das ist nur ein interessantes Museum. Und dann denken wir, naja, vielleicht sollten wir wandern. Und dann gehst du durch wie eine winzig kleine Tür, durch die du gerne auf den Knien kriechen musst, um durchzukommen. Dann öffnet es sich zu diesem anderen verrückten Ort. Und du denkst, was? Und es ist wie an jeder Ecke. Du denkst nur, was? Und als nächstes bist du auf dem Dach und fährst diese Grashüpferrutsche hinunter und dann ist da so ein verrücktes Karussell.

Und dann gibt es da noch eine Rutsche, die von der obersten Etage ausgeht, und die lautete: Wie viele Stockwerke würden Sie sagen? Fünf? Ganz nach unten. Es ist wild. Es war ehrlich gesagt der größte Spaß, der bei weitem die beste WordCamp-Erfahrung war, die ich je hatte.

Ben: Ja. Ich meine, die WordCamps machen Spaß, wenn man das Publikum noch nicht hat, es macht viel Spaß. Du triffst viele Leute. Du bist bei solchen Sessions dabei, in denen du eine Menge Sachen lernst, aber die After-Partys sind auch wirklich großartig, weil sie normalerweise an einem zufälligen Ort stattfinden. Schon im Jahr zuvor gab es ein Planetarium, das Teil der After-Party war, und das war eine sehr lustige und auch sehr schwindelerregende Erfahrung. Es ist eine gute Zeit. Definitiv. Wenn du es zu einem WordCamp schaffst, ist es deine Zeit wert.

Kathy: Und dieses Museum war in St. Louis. Es heißt Stadtmuseum. Wenn Sie zu citymuseum.org gehen, können Sie sich ein Bild von den Folterkammern machen, die Hannah und Ben dort erlebt haben. Ähm, ich bin nicht einmal diese Rutsche hochgegangen, ich habe mir auf dem Weg nach oben gerne mein Knie angeschlagen und mich einfach umgedreht. Daraus kann nichts Gutes entstehen, dachte ich, aber sie haben tatsächlich ein Riesenrad auf dem Dach.

Es ist ein verrückter Ort. Die Leute, die die Afterpartys machen, die Organisation für WordCamp US, sind einfach unglaublich. WordCamp Europe auch, das in ein paar Wochen stattfindet. Und das wird wahrscheinlich wieder eine epische Party. Ich war vor ein paar Jahren in Berlin und sie hatten einfach tolle Darsteller, wie einen Madonna-Imitator. Es war, als wäre Madonna da gewesen. Es war verrückt. Wie auch immer, ja, WordCamps sind erstaunlich. Die Afterpartys lohnen sich auf jeden Fall und man lernt Leute wie Ben und Hannah kennen. Und manchmal ich.

Hannah: Obwohl wir alle dort waren und ich glaube nicht, dass wir uns getroffen haben, was mich traurig macht.

Kathy: Ich verbrachte die meiste Zeit damit, von Gespräch zu Gespräch zu gehen und Tunnel und Vorhänge im Sponsorenbereich hinunterzugehen, es war eine geschäftige, geschäftige, geschäftige Zeit, aber, ähm, ja, da hat Kadence wirklich angefangen, etwas zu bekommen Bekanntheitsgrad beim WordCamp US 2019. Zu diesem Zeitpunkt begannen die Leute wirklich darüber zu sprechen, wie innovativ einige dieser Tools, die Sie zusammengestellt haben, waren.

Hanna: Ja, ja. Zu diesem Zeitpunkt waren es nur noch Ben und ich, und niemand wusste, wer wir waren.

Kathy: Nun, die Leute, die zugeschaut haben, haben es sehr schnell verstanden und sehen sich an, wo wir heute stehen. Ziemlich spannend.

Hannah: Ja, Folge 10. Wir haben einen langen Weg zurückgelegt. Wir haben einen Podcast!

Kathy: Du hast einen Podcast! Und ist es jetzt nicht einfacher, ich habe dir gesagt, bleib einfach bis Folge 10 dabei und es ist einfacher, richtig. Einfach so, als würde man abhängen und über coole Sachen plaudern. Und ich bearbeite all das dumme Zeug.

Also habe ich an einem geheimen Projekt gearbeitet, und etwas, das Ben in einer Präsentation gesagt hat, die er vor ein paar Monaten intern gemacht hatte, begann wirklich wahr zu klingen. Und ich fing an zu sagen, oh ja, ich verstehe genau, was Ben meinte.

Sie hatten mit Ben darüber gesprochen, wie sinnvoll es ist, Prototypen in der Nähe des Ortes zu erstellen, an dem Sie veröffentlichen werden. Und ich gehe das jetzt durch, weil ich einen Prototyp nehme, der woanders gebaut wurde, und ich baue ihn in WordPress, in Kadence Elements, mit benutzerdefinierten Feldern und allem aus. Und viele der Dinge im Prototyp tun es einfach nicht. Ich muss nur Entscheidungen treffen, während ich baue, nun, das wird so funktionieren, denn so funktioniert WordPress, so funktioniert Kadence.

Und ich wollte dieses Gespräch über Best Practices für das Prototyping von WordPress-Projekten und -Designs führen, ähm, die verschiedenen Tools, die die Leute verwenden. Wann sind sie sinnvoll? Wann machen sie keinen Sinn? Und wie kommen Sie über das Problem der „leeren Seite“ hinaus? Klingt das nach etwas, worüber wir heute reden könnten?

Ben: Ja, absolut. Ich denke, das Leerseitenproblem ist eine großartige Möglichkeit, dies zu formulieren, weil ich denke, dass sich jeder damit identifizieren kann. Du tauchst auf und sagst, ich muss was auch immer bauen, eine Zielseite, eine Verkaufsseite, weißt du, und du starrst auf eine leere Seite und sagst, okay, was mache ich als nächstes? Und es ist knifflig, denn das ist der Punkt, und oft gehen die Leute als nächstes durch eine sehr schwierige Zeit, eine frustrierende Zeit, eine Zeit, in der sie 10 Dinge tun und 10 Dinge rückgängig machen und 10 weitere Dinge tun und alles rückgängig machen von diesen. Und am Ende sind sie selten zufrieden mit dem, was sie am Ende haben.

Und deshalb denke ich, noch mehr als das, was Sie sagen, es ist gut, einfach durchzudenken. Es gibt bessere Strategien, als auf einer weißen leeren Seite aufzutauchen und zu gehen, ich muss ein Design erstellen. Und so, als ob Sie sogar ein wenig Backup machen würden, bevor Sie anfangen, einige dieser Tools zu verwenden, aber wie es ist, wenn alles in Ordnung ist.

Lassen Sie uns also darüber sprechen, wie Sie von einer leeren Seite bis zum Ende kommen. Und deshalb schlage ich vor, dass wir gerade darüber gesprochen haben, ob Sie eine Zielseite für Ihren Online-Kurs erstellen müssen. Auf diese Weise haben wir etwas, das wir besprechen und durchdenken können, z. B. was wirklich hinein muss und wie wir diese Inhalte zusammenführen?

Kathi: Perfekt. Ich denke, das ist eine großartige Möglichkeit, sich nur auf einen bestimmten Bereich zu konzentrieren, in dem viele Leute mit LearnDash oder anderen LMS-Systemen arbeiten und … vielleicht sind sie noch nicht einmal da, um zu entscheiden, welches LMS-Tool sie verwenden werden. Aber sie sagen: Ich habe Wissen, es muss jemand zuhören, der Wissen hat, das er auf jemand anderen übertragen und irgendwie monetarisieren kann.

Wo fängst du überhaupt an?

Ben: Ich denke, wenn Sie eine neue Seite beginnen und diese sich überall hin erstrecken kann, müssen Sie gehen. Was ist das Hauptziel dieser Seite? Ich glaube, wir haben darüber damals gesprochen, als wir über den Aufbau einer Homepage für Hannahs Hebammen gesprochen haben. Und ich denke, da muss man ansetzen. Sie müssen sagen, okay, was ist das Ziel?

Denn alles muss zu diesem Ziel führen. Und das alles muss so klar wie möglich kommuniziert werden, damit der Kunde nicht verwechselt wird mit: Soll ich hier hingehen oder soll ich hierher gehen mit konkurrierenden Dingen oder nur mit Dingen, die nicht in ihrer Sprache sind und es nicht sind? ihnen einen direkten Weg zu geben.

Sie wollen damit beginnen, was ist mein Ziel. Und wenn wir die Kursseite machen, ist das Ziel, dass sie sich für einen Kurs anmelden. Und Sie haben wahrscheinlich Optionen dafür. Möglicherweise haben Sie das Basiskurspaket und dann das VIP-Paket, das eine kostenlose 30-minütige Beratung beinhaltet. Und, wissen Sie, diese Add-Ons, die Sie normalerweise bei Kursen sehen, bei denen es so ist, als ob Sie Zugang zu einer privaten Facebook-Gruppe erhalten, so etwas.

Sie werden also wahrscheinlich einige Pakete haben, Sie denken wahrscheinlich über eine Preistabelle nach. Und dann müssen Sie sagen: Okay, nun, wenn mein Ziel darin besteht, sie zum Kauf zu bewegen, muss ich damit beginnen, ihnen einen Grund zum Kauf zu geben. Dazu müssen Sie wissen, wie Sie mit der Person kommunizieren, die Sie erreichen möchten.

Sie müssen also wissen, mit wem Sie kommunizieren. Und das geht auf das zurück, worüber wir zuvor gesprochen haben. Was ist dieser Zielkunde? Sie müssen sicherstellen, dass Sie bei all dem, was Sie sagen, ihre Sprache sprechen, aber ganz oben auf dieser Seite brauchen wir etwas, das im Grunde sagt: Deshalb möchten Sie diesen Kurs belegen, und das wird sich in deinem Leben ändern. Sie definieren für den Kunden, der sofort auf dieser Seite erscheint, dass Sie entweder auf sein Problem hinweisen oder es ihm buchstabieren. Und Sie sagen, Sie haben dieses Problem, dieser Kurs wird es lösen.

Und gerade wenn man über Kurse spricht, löst man nicht nur ein Problem. Sie versuchen tatsächlich, für sie zu definieren, was das Ergebnis für sie als Individuum ist, was sich für sie ändern wird und wie sich das auf sie in Zukunft auswirken wird.

Aber in dieser Hinsicht musst du immer noch durchdenken, okay, diese Person hat ein Problem. Sie wollen ein Buch schreiben, und sie brauchen jemanden, der Erfahrung mit dem Schreiben von Büchern hat, um sie beim Schreiben eines Buches zu coachen. Sie haben also einen Kurs, wie Sie Ihren ersten Roman schreiben. Dieser Kundenstamm, mit dem man sprechen und wie das Schreiben eines Romans sein muss, ist viel mehr als nur eine gute Idee für einen Roman zu haben. Es geht um Planung. Es geht um Beharrlichkeit. Sie fangen an, das zu erklären und zu sagen, und dieser Kurs gibt Ihnen nicht nur alle Werkzeuge dafür an die Hand, sondern Sie haben auch eine Community um sich herum, die Ihnen hilft und von der Sie Feedback erhalten, und jetzt komme ich rein, denke ich Ich brauche das.

Und so kann man anfangen, sich darauf einzulassen. Sie müssen in der Lage sein, diese Dinge zuerst herauszufinden, bevor wir uns in irgendein Design-Zeug stürzen. Was wird sich mit dieser Person verbinden? Lassen Sie mich die Inhalte zusammenstellen, die ich brauche. Beginnen Sie meiner Meinung nach damit, wenn Sie eine Verkaufsseite erstellen. Sie müssen oben auf der Seite beginnen, müssen groß sein, ziemlich kurzer Text und so klar und prägnant wie möglich sein, Sie formulieren im Wesentlichen das Problem und wie Ihre Lösung die Antwort auf dieses Problem ist. Von dort aus möchten Sie durcharbeiten, welche verschiedenen Teile dieses ursprüngliche Angebot verbessern werden.

Wenn ich also nach unten scrolle, sagen sie immer mehr, ja, ich muss das tun. Ja, ich muss das tun. Und Sie können diesen „Jetzt kaufen“-Button auf der ganzen Seite haben. Sie möchten nicht, dass der Kunde jemals sagt: Wo melde ich mich an? Sie können diese Reise auch erstellen, während sie nach unten scrollen, um wie eine Preistabelle zu werden. Zeugnisse sind der Schlüssel. Wenn Sie das alles durchdenken, jetzt haben Sie, ich muss oben eine prägnante Sprache haben, und ich brauche eine Art Bild, vorzugsweise jemanden, der lächelt, oder ein Ergebnis, um das Ergebnis mit einem Bild zu visualisieren.

Während Sie darüber nachdenken, wie baue ich das? Sie müssen anfangen, diese Inhalte zusammenzustellen, den Text, den Sie benötigen, die Testimonials, Sie müssen über Ihre Preistabelle nachdenken und welche Funktionen diese Preistabelle haben wird. Daher ist es wirklich wichtig, dass Sie einige Inhalte sammeln und Ihren Kunden anfangs wirklich durchdenken.

Kathy: Sobald Sie Ihre Inhalte haben, möchten Sie natürlich nicht nur Text auf einer Seite haben. Sie möchten nicht nur Ihren Button und ein Bild mögen. Wie fängt jemand an, einige dieser Designelemente wirklich zusammenzusetzen, woher bekommt man Ideen? Weil Sie sich Ihre Konkurrenz ansehen und sehen könnten, was sie tun. Vielleicht würden Sie nach anderen Leuten suchen, die einen Kurs zum Schreiben eines Buches oder zum Schreiben eines Romans machen, und sehen, ob es da draußen Konkurrenz gibt und wie sie es machen. Aber wer sagt, dass sie es gut machen. Woher wissen Sie, welche Entscheidungen Sie rund um das Design treffen müssen?

Ben: Ja. Ich meine, ich denke, es ist eine großartige Strategie, sich Ihre Konkurrenz anzusehen, denn normalerweise, wenn Sie Konkurrenz haben, geht es ihnen zumindest gut genug, um zu existieren. Also das ist zumindest gut, wie wenn sie existieren. Weißt du, es geht ihnen zumindest gut genug, um zu existieren. Sie möchten also auf jeden Fall von der Konkurrenz profitieren.

Ich bin ein großer Fan davon, nach gutem Design zu suchen. Das Problem, das ich oft finde, wenn Leute sich nur auf das Design konzentrieren, ist, dass sie nicht wirklich eine gut konvertierende Seite erstellen. Sie können also zu den Designpreisen für Websites gehen und all diese wirklich abgefahrenen Websites da draußen sehen, die möglicherweise keine sehr konvertierenden Websites sind und auch so außerhalb der Norm liegen können, dass es für den durchschnittlichen Benutzer so ist, Dies ist eine Neuheit, aber ich weiß eigentlich nicht, wie ich auf dieser Website navigieren soll. Also würde ich nur vorsichtig sein, wenn ich Dinge wie das beste Webdesign suche. Ich denke, Sie wollen sich auf die Probleme konzentrieren, die Sie haben.

Und verwenden Sie Wörter wie Konversion in Ihren Suchen, aber okay, ich weiß, dass ich einen Heldenabschnitt brauche. Ich weiß, dass ich einen Testimonial-Abschnitt brauche. Ich weiß, dass ich einen Preistabellenabschnitt brauche. Manchmal erhalten Sie bessere Designideen, wenn Sie anfangen, nach diesen Abschnitten zu suchen, als wie erstelle ich eine gute Zielseite für Kurse?

Oder ganz allgemein, was ist gutes Design. Und so mache ich eine Inspirations- und eine Suchphase. Ich mache Screenshots von Dingen, die mir gefallen. versucht Notizen zu machen. Das wäre also ein guter Zeitpunkt für so etwas wie ein Miro-Board oder ein Figma, wo Sie nur Screenshots einwerfen und Notizen machen und sich einen Ort verschaffen, an dem Sie sehen können, wie alle Ihre Teile zusammenkommen in Bezug auf Elemente, die Sie auf Ihrer Seite haben möchten, oder Designideen, wie Sie Ihre Inhalte organisieren möchten, und behalten Sie dabei immer Ihr eigenes Farbschema und dann Ihre eigentlichen Bilder im Auge. Was ich am meisten finde, ist, dass die Leute sich diese Designs ansehen und sagen, oh, ich möchte das nachbauen. Und dann fügen sie ihre Bilder hinzu und sagen: Mann, das ist scheiße. Und das liegt daran, dass Ihre Bilder nicht gut genug sind.

Und ich denke, das ist eine weitere große Sache. Bilder sprechen so viel über das Gesamtdesign einer Seite. Ich meine, es ist einfach ein massiv überwältigender Teil des Designs. Sie können die ganze Zeit damit verbringen, den richtigen Farbverlauf oder die richtige Schriftart zu finden, aber wählen Sie die falschen Bilder und Ihr Design geht aus dem Fenster.

Es ist ein wirklich wichtiger Teil, ob Sie Stock-Bilder finden oder die Bilder machen wollen, wirklich, wirklich gute Bilder zu bekommen, ist ein sehr langer Weg. Wenn Sie ein gutes Design haben wollen, müssen Sie zunächst die richtigen Teile haben.

Kathy: Hannah, aus Kundensicht, wenn Sie auf einer Seite sind und erwägen, etwas zu kaufen, welche Elemente … Ist es der Fluss der Seite? Gibt es etwas, das auf einer Seite auftaucht? Wie wirkt diese Erfahrung auf Sie zurück?

Hannah: Ja, ich würde sagen, das ist alles. Ich meine, Sie versuchen wirklich, ein Erlebnis für die Menschen zu schaffen, richtig? Also, wie Ben sagte, ich denke, Bilder sind riesig. Stimmen Ihre Bilder überein? Weißt du, wenn du Stock-Fotos hast, die eindeutig Stock-Fotos sind und sie es nicht sind, sie passen nicht zusammen und sie fließen nicht, das ist so eine Abkehr.

Aber wenn du eindeutig eine Erfahrung gemacht hast und ich fühle mich wie ich bin. Weißt du, oder, du weißt schon, du fühlst dich wie hier in Mexiko am Strand, weißt du, wenn du jemandem das geben kannst, indem du ihn einfach magst, indem er deine Website sieht oder sieht, was du ihm anbietest, das ist riesig.

Ben: Ich denke, es ist wichtig zu sagen, dass es ein Rezept für absolute Frustration ist, sich selbst voraus zu sein und sich auf das tatsächliche Entwerfen zu stürzen, sagen wir in Figma oder tatsächlich in WordPress zu entwerfen, ohne dass Ihre Inhalte herausgefunden wurden. Denn wenn du meinst, nun, ich werde meine Bilder später herausfinden.

Tun Sie es nicht, weil Sie so viel Zeit damit verbringen werden, ein Design ohne den eigentlichen Inhalt, den Sie tun müssen, gut aussehen zu lassen. Und es ist einfach frustrierend, und Sie werden es am Ende immer und immer wieder wiederholen, während Sie durchgehen und tatsächlich endlich etwas von diesem Inhalt bekommen und sagen, wow, nichts davon funktioniert, weil meine Bilder anders sind als das, was ich war erwarten. Also übertreibe es nicht. Stellen Sie Ihre Inhalte zusammen, nehmen Sie sich die Zeit, wirklich durchzudenken. Und das ist einer der Gründe, warum Sie die Inspirationsphase machen, um zu sagen: Okay, jetzt weiß ich, dass ich drei Bilder wie dieses brauche, weil ich wirklich einen Abschnitt haben möchte, in dem diese drei Funktionen oder diese drei Dinge, die für den Kunden wichtig sind, erläutert werden.

In dieser Anfangsphase, wenn Sie Ihre Sachen zusammenstellen, ist es so, okay, ich muss wirklich festlegen, was meine Inhalte sein werden, bevor ich loslege und mit dem eigentlichen Design beginne. Und verwenden Sie nicht die Inhalte anderer zum Entwerfen. Sie möchten auf jeden Fall zuerst Ihre eigenen Inhalte erhalten.

Kathy: Sicher. Nun, ein einzigartiges Verkaufsargument wird der einzigartige Inhalt sein, den Sie auf Ihrer Website haben. Das, was sich auf einzigartige Weise mit Ihrem Publikum verbindet, ist etwas, das nur Sie schaffen können. Es ist nicht etwas, das Sie Bilder von anderen Orten übernehmen oder von anderen Orten kopieren können.

Tu das bloß nicht. Das wird nicht funktionieren. Es wird nicht nachhallen, denn wenn Sie versuchen, das zu reproduzieren, was jemand anderes geschaffen hat, und sich mit einem Publikum zu verbinden, wird es nicht Ihre einzigartige Stimme haben. Was Sie dazu beitragen, was Ihr Unternehmen bringt, was Ihre Marke bringt, wird Sie langfristig differenzieren und Ihnen helfen, sich von der Masse abzuheben.

Nehmen wir an, ich habe meine Figma und ich habe alle meine Skizzen und all die Dinge, die ich auf der Seite haben möchte. Und ich habe so etwas wie ein Basic, okay. Ich habe gesehen, dass alle oben Heldenbilder verwenden, also müssen sie funktionieren. Wie fange ich dann an, die Seite zu strukturieren? Soll ich zuerst mit Erfahrungsberichten einsteigen? Muss ich das erst besser erklären? Woher weiß ich, wie ich eine Seite organisieren werde, um wirklich mit dem Kunden in Kontakt zu treten? Was kommt zuerst?

Ben: Ich bin ein großer Fan von diesem Heldenoberteil und es muss nicht immer ein Bild in voller Breite sein. Manchmal ist es ein Text und ein Bild daneben. Sie möchten diese große Überschrift oben haben, die im Grunde sagt: Dafür sind Sie hier. Und nach all den Recherchen, die ich gesehen habe, spielt es eigentlich keine Rolle, wie Sie den Rest der Seite anordnen.

Interessanterweise. Wenn Sie auf Testimonials zurückgreifen möchten, kann am Ende niemand sagen, dass Testimonials als nächstes wichtiger sind. Ich denke, Sie möchten Ihre besten Inhalte an die erste Stelle setzen. Wenn Sie also das erstaunlichste Zeugnis haben, sagen Sie: Ich brauche Leute, die das lesen, es vorne und in der Mitte platzieren, es direkt darunter platzieren.

Aber wenn Sie das nicht tun und nur mögen, ja, ich habe Erfahrungsberichte und sie sind gut, aber sie sind so, wie Sie es erwarten würden, dann setzen Sie sie weiter unten, weil Sie sie auf der Seite brauchen, um sie einfach zu geben selbst dieses Maß an Markenvertrauen. Und das ist ein anderer Teil, vielleicht sind Sie in einer Situation, in der Sie mit bekannten Marken arbeiten und dann müssen Sie sagen, dass diese Marken uns vertrauen.

Oder Sie haben eine Menge Benutzer und sagen, ich habe so viele Benutzer. Sie möchten immer Wege finden, um diesem Kunden das Gefühl zu geben, dass ich dieser Person vertrauen kann. Ich bin nicht wie ihr erster Kunde. Das kann auf mehr Arten als durch Testimonials geschehen, und ob das zuerst oder in der Mitte kommt, basierend auf der Recherche, es geht eher darum, was Sie tun und was Sie verkaufen oder was Sie sind Bauen für dann, wie, das ist der genaue Weg. Ich denke, im Allgemeinen sagen die Leute, stellen Sie sicher, dass Sie diese prägnante Erklärung und den Aufruf zum Handeln ganz oben auf Ihrer Seite haben. Normalerweise möchten Sie an Ort und Stelle ein Bild, wenn es sinnvoll ist, manchmal befindet sich diese Preistabelle ganz oben, insbesondere wenn es sich um eine zweite Navigation für den Benutzer handelt, z. B. wenn er zu Ihrer Homepage geht und dann auf die Preisseite klickt.

Sie möchten diese Preisseite wahrscheinlich nicht unten tauchen. Sie beabsichtigen, sich die Preise anzusehen, also zeigen Sie ihnen den Preis. Wie bei einer herkömmlichen Zielseite kann diese Preisseite unten angezeigt werden.

Stellen Sie sicher, dass Sie den Aufruf zum Handeln klar halten und dann denke ich, Sie sind bereit zu gehen. Sie haben also Ihren Inhalt. Sie wissen ungefähr, welche Abschnitte Sie möchten, und können mit dem eigentlichen Design für Ihre Website beginnen.

Und für mich würde ich in dieser Phase die Leute dazu drängen, es in WordPress zu tun.

Ich verstehe es. Ich habe einige Rückschläge bekommen, um zu sagen, nun, es ist jetzt viel einfacher zusammenzuarbeiten, wenn Sie beide an der gleichen Sache arbeiten und so etwas wie eine Figma oder was auch immer. Und das verstehe ich. Wenn Sie den Luxus haben, mit jemandem zusammenzuarbeiten, wird das vielleicht das Richtige. Im Allgemeinen nicht. Und ich kenne nicht viele Leute, die den Luxus haben, so zu sein, als würden zwei oder drei Designer gleichzeitig an derselben Sache arbeiten.

Aber für mich möchte man so nah an dem sein, wo es leben wird, wo es tatsächlich sein wird. Und Sie wollen es dort tun. Machen Sie Ihre Arbeit nicht dreimal, indem Sie sie in Figma erstellen und dann versuchen, herauszufinden, wie es geht, oder Sie wissen, wir greifen Figma an. wie Figma ist ein großartiges Werkzeug.

Aber es konvertiert nicht in eine fertige Website. Sie müssen all diese Dinge irgendwie manuell erledigen. Und ich weiß, dass die Leute sagen werden, nun, Sie können den HTML-Code und all das Zeug exportieren. Und es ist wie, ja, ich bin dabei, aber das ist am Ende nicht das, was du eigentlich willst. Was Sie wollen, ist in WordPress und in den WordPress-Tools, die Sie verwenden möchten.

Mein Ding ist, dass Kadence ein genug Werkzeug sein sollte, dass Sie kein anderes Design-Tool zum Entwerfen benötigen, da Sie Ihre Designarbeit tatsächlich in Kadence erledigen können. Und dafür brauchen Sie kein Werkzeug, aber Sie kommen in Kadence und Sie gehen, okay. Und hier braucht man nur etwas mehr Polsterung.

Und ich weiß, ich möchte hier einen Randradius und hier ein bisschen Schlagschatten, und Sie können dieses wirklich feine Design direkt in Kadence bekommen, weil es ein Design-Tool ist. Und so können Sie es als Designwerkzeug verwenden und Sie können optimieren und sich bewegen und Sie können Dinge rückgängig machen und wiederherstellen, aber Sie erledigen dort die ganze Arbeit.

Wenn Sie also fertig sind, sind Sie tatsächlich fertig und nicht so, okay, wir haben das Design endlich fertiggestellt und es ist in Figma. Und dann gehst du, okay, großartig. Jetzt müssen wir all diese Arbeit noch einmal machen, um es tatsächlich in WordPress zu machen. Für mich möchte ich viel näher am Ende sein, wo es leben und dort entwerfen und auch unter den Einschränkungen entwerfen wird.

Zum Beispiel gibt es Einschränkungen in WordPress und Einschränkungen in Kadence. So sehr ich Ihnen jede einzelne Option geben möchte, arbeite ich weiterhin daran, so viele Optionen wie möglich zu machen. Es wird immer noch Designbeschränkungen geben. Und Sie müssen darüber nachdenken, dass dies nicht immer Einschränkungen sind, aber es hält mich in einem bestimmten, einem bestimmten Bereich dessen, was ich bearbeiten sollte und was ich vielleicht nicht sollte.

Kathi: Richtig. Ich habe so viele Dinge, die ich sagen möchte. Erstens denke ich, was am Ende passiert, wenn man in einem Tool wie Figma oder Miro oder was auch immer entwirft und sich überlegt, wie etwas aussehen soll, man kann fast in Perfektionismus verfallen Modell wo, nun, und dann können wir dies optimieren und wir können dies optimieren und wir können dies optimieren.

Und plötzlich haben Sie dieses Tortendesign, das großartig aussehen kann. Vielleicht absolut perfekt. Es mag die besten Köpfe haben, die all ihre Inhalte und Designideen zu etwas absolut Perfektem zusammenfügen. Und dann lässt es sich in der realen Welt nicht unbedingt gut übersetzen. Die andere Sache ist, wenn Sie sogar entwerfen, zum Beispiel, wenn Sie etwas entwerfen, das benutzerdefinierte Felder verwendet, und Sie Datendesign und in einer perfekten Datenbank mit dritter Normalform machen, sollte alles so funktionieren, richtig .

Es sollte diese Tabelle mit dieser Tabelle in Beziehung stehen und alles sollte perfekt und in dritter Normalform sein. In der realen Welt ist das vielleicht nicht der beste Weg, jemandem, Jane im Front Office, Dateneingaben zu geben, Sie müssen dies auswählen, und es wird so sein.

Und wenn Sie es dann dazu bringen, es tatsächlich in WordPress zu haben, kann es möglicherweise nicht so gestaltet werden. Wenn Sie also viel näher am Werkzeug designen, sparen Sie nicht nur Zeit, sondern auch die Analyselähmung, alles in Ihrem Designwerkzeug, dem ummauerten Garten, perfekt zu machen. Aber Sie tun es mit dem Tool, das es dem Kunden anzeigt. Sie tun es so, wie es nicht nur für die Leute, die wp-admin verwenden, am besten ist, sondern auch für die Leute, die es im Frontend innerhalb der Einschränkungen der Tools anzeigen. Und viele dieser dynamischen Inhalte, die Tools für dynamische Inhalte, stecken immer noch in den Kinderschuhen, aber es muss noch viel mehr getan werden. Es gibt noch viel mehr, was getan werden kann, um die No-Code-Methode dynamischer Inhalte zum Laufen zu bringen. Darin zu arbeiten, etwas zu bauen, das mit den Tools wachsen kann, während sie wachsen, in WordPress zu tun, ist viel sinnvoller, zumindest meiner Erfahrung nach. Ich bin jetzt aus meiner Seifenkiste.

Ben: Ja. Ich denke, es ist manchmal ziemlich frustrierend, wenn Sie wissen, ich habe Dateien von einem Designer in Figma bekommen und ich denke, aber was ist, was ist mit Mobilgeräten? Und sie sagen, oh ja, ich muss dir wahrscheinlich auch eine mobile Version machen, huh. Und ich denke, nun, nein, wenn Sie in WordPress entwerfen, entwerfen Sie bereits auf Mobilgeräten.

Du versuchst bereits, es herauszufinden, während du gehst. Man musste einfach von Anfang an so denken. Und Sie können in einige dieser Design-Tools einsteigen, ohne gezwungen zu sein, so zu denken. Ich denke, das Üblichste ist eigentlich, dass ich sehe, dass es nicht einmal mobil ist, weil die meisten Leute ein bisschen bewusster sind.

Es sind große Breitbildschirme. Sie haben diese wirklich ziemlich schmalen Seiten entworfen und ich denke, na ja, aber was passiert, wenn das nur ein Drittel Ihres Bildschirms ausfüllt? Und Sie ziehen diese Breite heraus, und plötzlich ist es ein völlig anderes Design. Ich denke, diese Tools sind wirklich hilfreich, aber ich bin oft frustrierter darüber, was sie nicht zeigen, wenn jemand sie entwirft, und worüber der Designer nicht nachdenkt und woran er irgendwie nicht denken kann, na ja, ich brauche es nicht to think about a 27-inch wide screen here because I set my pixel width at 1400 and that's this wide it's the screen is cause that's what it is in Figma and things like that.

So, I would encourage people to try to design in WordPress when they can, but don't do it without your content because you will be so frustrated to try to do it without. It just doesn't, it just never really works.

Kathy: Okay. Well, that's a definitely an interesting discussion. We'd love to hear from you about your experiences, designing new sites or redesigning sites. What tools are you using? What works for you? Are you finding tools like Figma, Miro, and I don't know, Adobe's got stuff too. There's a whole list of things that you can use in order to design.

Do they help your process? Und wenn ja, wie? Or do they kind of just get in the way and you'd rather just, start with a starter template or Kadence wire frames and just roll from there. Wir würden uns freuen, von Ihnen zu hören. Ben, you did a great training the other day was that yesterday?

Ben: That was yesterday. Ja.

Kathy: I am so excited about Shop Kit 2.0, I know everybody who was on that training is excited for it. We're getting pinged on Twitter and other social media places. When's it dropping? When can we play with it too? Give us a good overview of what Shop Kit 2.0 includes and when we can see this in people's dashboards.

Ben: Ja. I mean, I think you can see it in your downloads page by the time you're listening to this, you should be able to go into your account and see it in your downloads page. Um, that'll be the beta version. Things are really close. I'm still always kind of like doing little tweaks in here about like what settings, but it very much is like a good foundation for templating inside of WooCommerce.

So what 2.0 largely brings into the equation is the ability to create templates for your product pages, your archive pages and things like that. And you can apply them to an individual product or you can apply them across a category or a tag or whatever. , that key means that like every piece of WooCommerce then got kind of put into a block with its own block settings.

So you can kind of rearrange and organize and there's some cool things you can change the way that tabs work inside of a product page, which is kind of a standard WooCommerce implementation, but you're going to get a lot more control over it. Hide and show tabs, change the order, things like that. You also get, with Shop Kit 2.0, we kind of rewrote our gallery. So the gallery extension now is a lot more robust. It does like variation galleries and has a lot more control for different layouts based on screen size, so that's pretty exciting. So yeah, it's largely going to be a tool to help you build very unique and much more interesting product pages, so it's just going to be much easier for you to do really cool stuff.

Kathy: Very exciting. And so the beta is going to be available. If you are a bundle owner full bundle or the lifetime or if you bought Shop Kit in the past, that's available to you as well. And the full version going to be ready in a couple of weeks, looks like. Also sehr spannend. Well, if you are on our mailing list, you will get an announcement as soon as all of the stuff comes out.

And that's the big news with Kadence right now. I know you got a lot of other things going on. I don't want to put any pressure on you of when those types of things are coming. Cause I know this is a big one and big news for Kadence and WooCommerce users. Well, any final thoughts?

Ben: Well, go party up on the beach, Hannah, for us both because you're only one that's successfully is in the party zone.

Hannah: I'll do what I can.

Kathy: Ausgezeichnet. Yeah, we're all living vicariously through Hannah's adventures right now. So very cool. Well, we will be back in a couple of weeks. I think next time we should talk a little more about WooCommerce because there's some interesting things happening there. So thanks for tuning into the Kadence Beat and we will talk to you next time.