Odcinek 10: Budowanie prototypów projektowych w WordPressie z Kadence

Każdy nowy projekt gdzieś się zaczyna, a narzędzia takie jak Figma, Invision, Axure czy Adobe XD zapewniają projektantom innowacyjne sposoby tworzenia wizualnych reprezentacji projektowania stron internetowych. Jednak w świecie WordPressa innowacje w edytorze bloków sprawiają, że tworzenie projektów natywnie, w przestrzeni najbliższej realizacji, jest jeszcze łatwiejsze. W tym odcinku zapoznamy się z projektowaniem stron internetowych w WordPressie. Narzędzia te mogą być pomocne, ale kluczowe znaczenie ma skupienie się na najważniejszych elementach tworzenia efektywnych projektów w WordPressie. Unikalna treść, zrozumienie klienta i skuteczna komunikacja poprzez projekt witryny to najlepsza recepta na sukces.

Posłuchaj za pomocą poniższych elementów sterujących lub dodaj nas do swojej ulubionej aplikacji do podcastów.

Posłuchaj w nowym oknie.

Znaczniki czasu i linki

• 0:00 Intro: Hannah jest na plaży!
• 1:33 Najlepsze doświadczenia z WordCamp: citymuseum.org
• 8:47 Prototypowanie nowego projektu w WordPressie, od czego zacząć
• 9:51 Omijanie problemu z pustą stroną
• 10:50 Rozpoczęcie pracy ze stroną docelową kursu LMS
• 15:37 Badania nad konkurencją: istnieją, co im odpowiada?
• 18:41 Stanowisko klienta
• 19:31 Zastanów się nad treścią, zanim cokolwiek zaprojektujesz
• 20:43 Twoja wyjątkowa firma ma wyjątkową zaletę, wykorzystaj ją
• 22:40 Umieść najlepsze treści na pierwszym miejscu
• 25:00 Kadence to Twoje narzędzie do projektowania
• 30:22 Shop Kit 2.0 przygotowuje się do uruchomienia, podgląd szkolenia iThemes

Transkrypcja odcinka 10

Kathy: Witamy w 10. odcinku The Kadence Beat. Dotarliśmy do odcinka 10. A w odcinku 10 chcieliśmy urządzić małą imprezę. Więc polecieliśmy Hannah z kraju do nieujawnionego miejsca, blisko plaży. Hannah, gdzie poszłaś?

Hannah: Jestem w Meksyku.

Kathy: Jesteś! Więc to nie jest impreza z okazji 10. odcinka, to Fiesta z 10. odcinka, co?

Hannah: to Fiesta. Tak. Chyba przegapiliście notatkę. To znaczy, myślałem, że imprezujemy w Meksyku w odcinku 10, ale okazuje się, że to tylko ja.

Kathy: Cóż, Ben, myślę, że ty i ja tracimy.

Ben: Tak, dzisiaj jest tu dość zimno i trochę jak śnieżyca. Więc plaża w Meksyku brzmi całkiem nieźle.

Hannah: Wiesz, właśnie dlatego tu jestem. Ponieważ w zeszłym tygodniu w Boise spadły rekordowe opady śniegu, a ja pomyślałem, że nie mogę tego zrobić. Zużyłem więc kilka mil i zarezerwowałem bilet do Meksyku i jestem o wiele szczęśliwszy, a także o wiele bardziej spalony słońcem. Moje ciało jest całkiem chrupiące.

Kathy: Czy to naprawdę. Cóż, wydajesz się o wiele szczęśliwszy i wydajesz się gotowy na imprezę w 10. odcinku, więc jestem podekscytowany. Będę żył zastępczo przez ciebie przez prawie cały rok ze wszystkimi twoimi podróżami. Więc.

Hannah: Tak, po prostu zaprosimy wszystkich tutaj, teraz. To właśnie na plaży w Meksyku świeci słońce. Tutaj jesteśmy na odcinek 10 i zapraszamy na imprezę.

Kathy: Świetnie. Hannah, miałaś do nas pytanie do odcinka 10, jakie jest twoje pytanie?

Hannah: Tak, więc uwielbiam dobrą imprezę. Uwielbiam organizować imprezy i myślę, że świetnym sposobem na zaangażowanie ludzi w imprezę jest zadanie dobrego pytania. Więc, um, ktoś, o kim myślałem, jest twoim ulubionym doświadczeniem WordCamp, jeśli byłeś na WordCamp? Cóż, znowu wiem, że Kathy i Ben mają tych z nas, którzy tu są, wszyscy byliśmy. Więc powiedz mi swoje ulubione doświadczenie WordCamp?.

Kathy: Chyba mogę iść. WordCamp, do którego poszedłem, mój syn podróżował ze mną i właśnie skończył 18 lat, tak jak w ciągu kilku dni. Byliśmy na WordCamp Miami i jedna z osób, z którą byliśmy, zdecydowała, że ​​powinniśmy pojechać do South Beach. A była przerwa wiosenna i utknęliśmy w samochodzie z ludźmi wokół nas. Nie mogliśmy się ruszyć. A mój świeżo upieczony, 18-letni synek mógł doświadczyć South Beach, a ja nie mogłam przestać się śmiać, bo był z mamą i to nie jest to, czego chcesz doświadczać, pierwsze wiosenne doświadczenie to spędzanie czasu z twoją mamą .

Był trochę upokorzony, ale do dziś mnie to rozśmiesza i opowiada zabawne historie, na przykład te dziewczyny z tyłu tego kabrioletu. I on jest jak chowanie twarzy z tyłu tego samochodu i nie ma ucieczki, ponieważ jest po prostu zbyt wielu ludzi wokół.

Hannah: Uwielbiam to.

Kathy: To było całkiem zabawne.

Ben: To niesamowite.

Hannah: Tak jest najlepiej. Ben, a ty?

Ben: Um, myślę, że mamy wspólne doświadczenie, które było jak najbardziej pamiętne i jest super śmieszne. I to było na WordCamp 2020 lub 2019. Mieli after party w muzeum, które szczerze mówiąc, przez cały czas, kiedy tam byłem, myślałem, jak to miejsce nie jest zamknięte. To takie niebezpieczne.

Wydawało się, że właśnie weszliśmy do budynku, który został skazany, a potem ktoś wszedł do niego i zbudował całą masę super szkicowych rzeczy na tym skazanym budynku. A potem było tak, że każdy ma wolną rękę i robi, co chce.

Hannah: I myślę, że to ktoś, kto prawdopodobnie był na prochach. Czy powiedział byś?

Ben: Tyle rzeczy, które były jak, co, co, okej. Jakby to nie miało sensu. To znaczy, trudno wytłumaczyć to muzeum. I mam nadzieję, że nadal istnieje. Bo myślę, że jest, potrzebuje miejsca na tym świecie, ale jestem też bardzo ciekawa, jak to nie jest zamknięte, ponieważ jest tak wiele rzeczy, którymi jesteśmy, ok, tak. to jest naprawdę niebezpieczne. Wędrowaliśmy po okolicy i bawiliśmy się bardzo, bardzo dobrze, ponieważ nic nie wiedzieliśmy, w co się pakujemy.

I tak dosłownie chodziło po czyjejś wędrówce po czymś, miał podobny sen i to właśnie stworzyli. W pewnym momencie wspinaliśmy się po dwóch piętrach. Mam na myśli to, co ci się w zasadzie podoba, jak siatka druciana, zawieszona na suficie, który był jak pół kopuła.

Hannah: Jak kopuła.

Ben: Tak. A potem wyskoczyłeś z tego sufitu i znalazłeś się na dachu, a tam była ogromna zjeżdżalnia, która opadła, by upodobnić inną część dachu.

Hannah: Z gigantycznym pasikonikiem. Nie zapomnij o olbrzymim pasikoniku. Co!

Ben: Wtedy jakby zjeżdżalnia wpadła na beton, nie było, jakby nic w tym nie było. A potem zjeżdżasz fajną zjeżdżalnią i jest jak ładne zakończenie. To było tak, że po prostu wjechałeś w beton i wszyscy wstali, jakby się rozejrzeli, czy to naprawdę mi się właśnie przydarzyło? Mam na myśli, oni, tak. Hannah pomóż mi wyjaśnić to miejsce.

Hannah: Tak, trudno to wyjaśnić, ale było super. Najlepsze było to, jak powiedział Ben, naprawdę nie mieliśmy pojęcia. Tak jak spędziliśmy może pierwsze 45 minut na pierwszym piętrze, tak jak myśląc o koktajlach, och, to jest po prostu interesujące muzeum. A potem myślimy, no cóż, może powinniśmy wędrować. A potem przechodzisz przez małe drzwi, przez które musisz lubić czołgać się na kolanach, żeby przez nie przejść. Potem otwiera się na to inne szalone miejsce. A ty jesteś jak, co? I jest jak każdy zakątek. Jesteś po prostu jak, co? A potem następną rzeczą, którą wiesz, jesteś na dachu, zjeżdżając z tej zjeżdżalni w koniku polnym, a potem jest jak ta szalona karuzela.

A potem jest slajd, który wychodzi z najwyższego piętra, co było jak, ile historii powiedziałbyś? Pięć? Aż na sam dół. To dzikie. Szczerze mówiąc, była to najlepsza zabawa i zdecydowanie najlepsze doświadczenie w WordCamp, jakie miałem.

Ben: Tak. Mam na myśli, że WordCamps są fajne, jeśli nie byłeś, dla publiczności jest dużo zabawy. Ty spotykasz wielu ludzi. Możesz być na takich sesjach, na których uczysz się wielu rzeczy, ale after party też są naprawdę niesamowite, ponieważ zwykle odbywają się w przypadkowych miejscach. Nawet rok wcześniej istniało planetarium, które było częścią after party i było to bardzo zabawne, a także bardzo oszałamiające przeżycie. To dobry czas. Zdecydowanie. Jeśli uda Ci się dotrzeć do WordCamp, warto poświęcić czas.

Kathy: A to muzeum było w St. Louis. Nazywa się Muzeum Miejskie. Jeśli wejdziesz na citymuseum.org, możesz poczuć sale tortur, których doświadczyli tam Hannah i Ben. Um, nawet nie wszedłem na zjeżdżalnię, lubiłem uderzyć się w kolano w drodze do góry i po prostu się odwrócić. Nic dobrego nie może z tego wyniknąć, pomyślałem, ale tak naprawdę mają diabelski młyn na dachu.

To szalone miejsce. Ludzie, którzy robią after party, organizacja WordCamp US, są po prostu niesamowici. WordCamp Europe również odbędzie się za kilka tygodni. I prawdopodobnie będzie to kolejna epicka impreza. Poszedłem do Berlina kilka lat temu i mieli po prostu niesamowitych wykonawców, takich jak odtwórca Madonny. Było tak, jakby Madonna tam była. To było szalone. W każdym razie tak, WordCamps są niesamowite. Afterparty są zdecydowanie tego warte i można poznać ludzi takich jak Ben i Hannah. A czasem ja.

Hannah: Chociaż wszyscy tam byliśmy i chyba się nie spotkaliśmy, co jest mi smutne.

Kathy: Spędziłam większość czasu po prostu przechodząc od rozmowy do rozmowy i po prostu w dół tuneli i zasłon w strefie sponsorów, to był pracowity, pracowity, pracowity czas, ale, hm, tak, to rodzaj tego, gdzie Kadence naprawdę zaczął dostawać trochę rozgłos na WordCamp US 2019. Wtedy ludzie naprawdę zaczęli mówić o tym, jak innowacyjne były niektóre z tych narzędzi, które zebrałeś.

Hannah: Tak, tak. W tamtym momencie byliśmy tylko Ben i ja i nikt nie wiedział, kim jesteśmy.

Kathy: Cóż, ludzie, którzy to oglądali, szybko to podnieśli i spójrzcie, gdzie jesteśmy dzisiaj. Całkiem ekscytujące.

Hannah: Tak, odcinek 10. Przebyliśmy długą drogę. Mamy podcast!

Kathy: Masz podcast! I czy nie jest łatwiej teraz, powiedziałem ci, żebyś poczekał z tym do odcinka 10 i jest łatwiej, prawda. Po prostu trochę jak spędzanie czasu i rozmawianie o fajnych rzeczach. I edytuję wszystkie głupie rzeczy.

Pracowałem więc nad tajnym projektem i coś, co powiedział Ben w prezentacji, którą zrobił wewnętrznie kilka miesięcy temu, zaczęło naprawdę brzmieć prawdziwie. I zacząłem mówić: o tak, rozumiem dokładnie, co miał na myśli Ben.

Mówiłeś Benowi o tym, że tworzenie prototypów w pobliżu miejsca, w którym zamierzasz opublikować, ma największy sens. I przechodzę przez to teraz, ponieważ biorę prototyp, który został zbudowany gdzie indziej i buduję go w WordPressie, w Kadence Elements, używając niestandardowych pól i tak dalej. A wiele rzeczy w prototypie po prostu tego nie robi. Muszę tylko podejmować decyzje, kiedy buduję, cóż, to będzie działać w ten sposób, ponieważ tak działa WordPress, tak działa Kadence.

Chciałem przeprowadzić tę rozmowę na temat najlepszych praktyk prototypowania projektów i projektów WordPress, hm, różnych narzędzi, z których korzystają ludzie. Kiedy mają sens? Kiedy nie mają sensu? I jak wyjść poza ten problem „pustej strony”. Czy to brzmi jak coś, o czym moglibyśmy dziś porozmawiać?

Ben: Tak, absolutnie. Myślę, że problem pustej strony to świetny sposób na wyrażenie tego, ponieważ myślę, że każdy może się do tego odnieść. Pojawiasz się i myślisz, że muszę zbudować cokolwiek to jest, stronę docelową, stronę sprzedaży, wiesz, i patrzysz na pustą stronę i idziesz, ok, co mam dalej? I to jest trudne, bo to jest właśnie ten punkt i często ludzie idą dalej, przechodząc przez bardzo, trudny czas, frustrujący czas, czas, w którym robią 10 rzeczy i cofają 10 rzeczy i robią jeszcze 10 rzeczy i cofają wszystko tych. A na koniec rzadko są zadowoleni z tego, z czym kończą.

A więc myślę, nawet bardziej niż to, co mówisz, że dobrze jest po prostu przemyśleć. Są lepsze strategie niż pokazywanie się na białej, pustej stronie i pójście, muszę stworzyć projekt. I tak, jakbym nawet tworzył kopię zapasową, zanim zaczniesz używać niektórych z tych narzędzi, ale jak wszystko w porządku.

Porozmawiajmy więc o tym, jak przejść od pustej strony do końca. Dlatego proponuję, abyśmy właśnie rozmawiali o tym, czy potrzebujesz zbudować stronę docelową dla swojego kursu online. W ten sposób mamy coś, o czym możemy porozmawiać i przemyśleć, na przykład, co tak naprawdę powinno zostać wprowadzone i jak zebrać te treści razem?

Kathy: Idealnie. Myślę, że to świetny sposób, aby po prostu doskonalić się w jednym konkretnym obszarze, w którym może być wiele osób pracujących z LearnDash lub innymi systemami LMS i… może nawet jeszcze nie zdecydowali, jakiego narzędzia LMS będą używać. Ale oni są tacy, że mam wiedzę, musi być ktoś, kto tego słucha, kto ma wiedzę, którą może przekazać komuś innemu i jakoś na tym zarobić.

Od czego w ogóle zaczynasz?

Ben: Myślę, że za każdym razem, gdy zaczynasz nową stronę, która może się rozszerzać wszędzie, musisz iść, jaki jest główny cel tej strony? Myślę, że rozmawialiśmy o tym już wcześniej, kiedy rozmawialiśmy o tworzeniu strony domowej dla położnej Hannah. I myślę, że od tego trzeba zacząć. Musisz powiedzieć, dobrze, jaki jest cel?

Ponieważ wszystko musi prowadzić do tego celu. I to wszystko musi być komunikowane tak wyraźnie, jak to możliwe, aby klient się nie pomylił z tym, czy mam tu jechać, czy mam jechać tutaj z konkurencyjnymi rzeczami, czy tylko z rzeczami, które nie są w jego języku i nie są dając im bezpośrednią ścieżkę.

Chcesz zacząć od tego, jaki jest mój cel. A jeśli robimy stronę kursu, celem jest, aby zapisali się na kurs. I prawdopodobnie masz na to opcje. Możesz mieć podstawowy pakiet kursów, a następnie pakiet VIP, który obejmuje bezpłatną 30-minutową konsultację. I wiesz, te dodatki, które zwykle widzisz w kursach, w których masz dostęp do prywatnej grupy na Facebooku, tego typu rzeczy.

Więc prawdopodobnie będziesz miał kilka pakietów, prawdopodobnie myślisz o tabeli cenowej. A potem musisz powiedzieć: okej, jeśli moim celem jest skłonienie ich do zakupu, muszę zacząć od podania im powodu do zakupu. Aby to zrobić, musisz wiedzieć, jak komunikować się z osobą, którą próbujesz zdobyć.

Musisz więc wiedzieć, z kim się komunikujesz. I ten rodzaj wraca do tego, o czym rozmawialiśmy wcześniej. Jaki jest ten klient docelowy? Musisz upewnić się, że mówisz w ich języku z tym wszystkim, co mówisz, ale na samej górze tej strony potrzebujemy czegoś, co w zasadzie mówi: właśnie dlatego chcesz wziąć udział w tym kursie, i to się zmieni w twoim życiu. Klientowi, który od razu pojawia się na tej stronie, definiujesz, że albo sugerujesz jego problem, albo go wyjaśniasz. Mówisz, że masz ten problem, ten kurs go rozwiąże.

A kiedy mówisz w szczególności o kursach, nie rozwiązujesz tylko jednego problemu. W rzeczywistości próbujesz dla nich zdefiniować, jaki będzie wynik dla nich jako jednostki, co się dla nich zmieni i jak to wpłynie na ich przyszłość.

Ale pod tym względem nadal musisz przemyśleć, okej, ta osoba ma problem. Chcą napisać książkę i potrzebują kogoś, kto ma doświadczenie w pisaniu książek, aby pokierował ich pisaniem książki. Masz więc kurs, jak napisać swoją pierwszą powieść. Ta baza klientów, z którą musisz porozmawiać i być jak pisanie powieści, to o wiele więcej niż tylko dobry pomysł na powieść. Chodzi o planowanie. Chodzi o wytrwałość. Zaczynasz to wyjaśniać i mówić, a ten kurs daje ci nie tylko wszystkie narzędzia, aby to zrobić, ale także społeczność wokół ciebie, która może ci pomóc i uzyskać informacje zwrotne, a teraz przychodzę, myślę Potrzebuję tego.

I tak możesz zacząć się w to wchodzić. Musisz być w stanie najpierw to rozgryźć, zanim przejdziemy do jakichkolwiek rzeczy związanych z projektowaniem. Co połączy się z tą osobą? Pozwól mi zebrać zawartość, której będę potrzebować. Zaczynając od, moim zdaniem, kiedy robisz stronę sprzedażową. Musisz zacząć od góry strony musi być duży, dość krótki tekst i tak jasny i zwięzły, jak to tylko możliwe, zasadniczo określasz problem i jak twoje rozwiązanie jest odpowiedzią na ten problem. Następnie chcesz przeanalizować, jakie różne elementy mogą ulepszyć tę początkową ofertę.

Więc kiedy przewijam w dół, oni idą, stają się coraz bardziej jak, tak, muszę to zrobić. Tak, muszę to zrobić. I możesz mieć przycisk „kup teraz” na całej stronie. Nie chcesz, żeby klient kiedykolwiek był taki, gdzie mam się zarejestrować? Możesz również utworzyć tę podróż, przewijając w dół, aby przypominać tabelę cen. Świadectwa są kluczowe. Kiedy to wszystko przemyślisz, teraz masz, muszę mieć jakiś zwięzły język na górze i potrzebuję jakiegoś obrazu, najlepiej kogoś uśmiechniętego lub wyniku wizualizacji wyniku za pomocą obrazu.

Kiedy myślisz, jak mam to zbudować? Musisz zacząć zbierać te treści razem, tekst, którego potrzebujesz, referencje, musisz pomyśleć o swojej tabeli cenowej i jakie będą cechy tej tabeli cenowej. Dlatego naprawdę ważne jest, aby zebrać trochę treści i na początku naprawdę przemyśleć swojego klienta.

Kathy: Kiedy już masz treść, oczywiście nie chcesz tylko tekstu na stronie. Nie chcesz po prostu jak twój przycisk i obrazek. Jak ktoś zaczyna naprawdę łączyć niektóre z tych elementów projektu, skąd czerpiesz pomysły? Ponieważ możesz przyjrzeć się konkurencji i zobaczyć, co robią. Może poszukasz innych ludzi, którzy biorą udział w kursie na temat pisania książki lub powieści, i zobacz, czy istnieje konkurencja i jak oni to robią. Ale kto może powiedzieć, że robią to dobrze. Skąd wiesz, jakie decyzje podjąć w związku z projektowaniem?

Ben: Tak. Myślę, że patrzenie na konkurencję jest świetną strategią, ponieważ zazwyczaj, jeśli masz konkurencję, przynajmniej radzi sobie wystarczająco dobrze, by istnieć. Więc to jest przynajmniej dobre, jak gdyby istniały. Wiesz, przynajmniej radzą sobie wystarczająco dobrze, by istnieć. Więc zdecydowanie chcesz czerpać korzyści z konkurencji.

Jestem wielkim fanem szukania dobrego designu. Problem, który napotykam często, gdy ludzie lubią po prostu skupiać się na projektowaniu, polega na tym, że tak naprawdę nie budują strony, która dobrze konwertuje. Możesz więc polubić nagrody za projektowanie stron internetowych i zobaczyć te wszystkie naprawdę odjazdowe, naprawdę dostępne strony, które w rzeczywistości mogą nie być bardzo konwertujące, a także mogą być tak poza normą, że dla przeciętnego użytkownika jest to tak: to nowość, ale tak naprawdę nie wiem, jak poruszać się po tej stronie. Więc byłbym ostrożny z wyszukiwaniem rzeczy takich jak najlepsze projektowanie stron internetowych. Myślę, że chcesz skupić się na problemach, które masz.

Używając słów takich jak konwersja w wyszukiwaniach, ale dobrze, wiem, że potrzebuję sekcji bohatera. Wiem, że potrzebuję sekcji referencji. Wiem, że potrzebuję sekcji z cennikiem. Czasami, gdy zaczniesz szukać tych sekcji, otrzymasz lepsze pomysły na projekt, a nie jak zbudować dobrą stronę docelową kursu?

Lub po prostu ogólnie, czym jest dobry projekt. A więc robię fazę inspiracji i poszukiwań. Robię zrzuty ekranu rzeczy, które lubię. próbując robić notatki. To byłby dobry czas na coś takiego jak tablica Miro lub Figma, na której po prostu wrzucasz zrzuty ekranu i robisz notatki, i dajesz sobie miejsce, w którym możesz zobaczyć wszystkie swoje elementy łączące się w całość pod względem elementów, które chcesz umieścić na swojej stronie lub pomysłów na projekt, jak chcesz uporządkować zawartość, a także zawsze pamiętaj o własnym schemacie kolorów, a następnie o rzeczywistych zdjęciach. Najbardziej uważam, że ludzie pójdą i przyjrzą się tym projektom i będą sobie przypominać, och, chcę to odtworzyć. A potem włożyli w to swoje zdjęcia i powiedzieli, stary, to jest do bani. A to dlatego, że twoje obrazy nie są wystarczająco dobre.

I myślę, że to kolejna wielka rzecz. Obrazy tak wiele mówią o ogólnym projekcie strony. Chodzi mi o to, że jest to bardzo przytłaczająca część projektu. Możesz spędzić cały czas, gdy chcesz uzyskać właściwy gradient lub odpowiednią czcionkę, ale wybierz niewłaściwe obrazy, a Twój projekt wyjdzie przez okno.

To naprawdę ważna część, niezależnie od tego, czy szukasz zdjęć stockowych, czy zamierzasz je zrobić, uzyskanie naprawdę, naprawdę dobrych zdjęć to naprawdę długa droga. Jeśli chcesz mieć dobry projekt, na początek musisz mieć odpowiednie elementy.

Kathy: Hannah, z punktu widzenia klienta, kiedy jesteś na stronie i zastanawiasz się nad zakupem czegoś, jakie elementy to… Czy to przepływ strony? Czy jest coś, co pojawia się na stronie? W jaki sposób to doświadczenie współbrzmi z tobą?

Hannah: Tak, powiedziałabym, że to wszystko. To znaczy, naprawdę starasz się stworzyć doświadczenie dla ludzi, prawda? Więc, jak powiedział Ben, myślę, że obrazy są ogromne. Czy Twoje obrazy pasują do siebie? Wiesz, jeśli masz zdjęcia stockowe, które są wyraźnie zdjęciami stockowymi i nie są, nie pasują do siebie i nie płyną, to jest takie zniechęcenie.

Ale kiedy wyraźnie stworzyłeś doświadczenie, a ja czuję się tak, jak ja. Wiesz tam, albo czujesz się tak, jakbyś był tutaj w Meksyku na plaży, wiesz, jeśli jesteś w stanie dać komuś to, tak jak on, widząc twoją stronę internetową lub widząc to, co im oferujesz, to jest ogromne.

Ben: Myślę, że ważne jest, aby powiedzieć tutaj, wyprzedzając siebie i wskakując do rzeczy, takich jak projektowanie, powiedzmy w Figma, lub faktyczne projektowanie w WordPressie bez rozgryzienia treści, to przepis na absolutną frustrację. Bo kiedy będziesz jak, cóż, później dojdę do moich obrazów.

Nie rób tego, ponieważ spędzisz dużo czasu, próbując sprawić, by projekt wyglądał dobrze bez faktycznej zawartości, którą będziesz musiał zrobić. I to jest po prostu frustrujące, a skończysz na przerabianiu tego w kółko, gdy przejdziesz przez to i w końcu dostaniesz część tej treści i odejdziesz, wow, nic z tego nie działa, ponieważ moje obrazy są inne niż to, czym byłem przy nadziei. Więc nie wyprzedzaj siebie. Zbierz swoje treści razem, poświęć czas na naprawdę przemyślenie. I to jest jeden z powodów, dla których robisz fazę inspiracji, żeby powiedzieć: OK, teraz wiem, że potrzebuję trzech takich obrazów, ponieważ naprawdę chcę sekcji, która omawia te trzy funkcje lub te trzy rzeczy, które są ważne dla klienta.

Na tym początkowym etapie, kiedy zbierasz swoje rzeczy, to jest tak, że naprawdę muszę ustalić, jakie będą moje treści, zanim wskoczę i zacznę faktycznie projektować. I nie wykorzystuj do projektowania treści należących do kogoś innego. Na pewno chcesz najpierw zdobyć własne treści.

Kathy: Jasne. Cóż, unikalnym punktem sprzedaży będzie unikalna treść, którą masz w swojej witrynie. To, co w wyjątkowy sposób łączy się z Twoimi odbiorcami, to coś, co tylko Ty możesz stworzyć. To nie jest coś, co można podnosić obrazy z innych miejsc lub kopiować z innych miejsc.

Po prostu nie rób tego. To nie zadziała. Nie będzie to rezonować, ponieważ kiedy próbujesz odtworzyć to, co stworzył ktoś inny i połączyć się z publicznością, to nie będzie to miało twojego unikalnego głosu. To, co do tego wnosisz, co wnosi Twoja firma, co wnosi Twoja marka, to to, co na dłuższą metę Cię wyróżni i pomoże Ci wznieść się wyżej.

Jeśli chodzi o, ok, powiedzmy, że mam moją Figmę i wszystkie moje szkice i wszystkie rzeczy, które chcę na stronie. I mam podstawowe, okej. Widziałem, jak wszyscy używają obrazów bohaterów na górze, więc muszą działać. Jak następnie rozpocząć tworzenie struktury strony? Czy najpierw wskakuję z referencjami? Czy najpierw muszę wszystko lepiej wyjaśnić? Skąd mam wiedzieć, w jaki sposób zamierzam zorganizować stronę, aby naprawdę połączyć się z klientem? Co jest pierwsze?

Ben: Jestem wielkim fanem tego topu bohatera i nie zawsze musi to być obraz o pełnej szerokości. Czasami jest to tekst i obraz obok. Chcesz mieć ten duży nagłówek na górze, który w zasadzie mówi, po to tu jesteś. A ze wszystkich badań, które widziałem, właściwie nie ma znaczenia, jak uporządkujesz resztę strony.

Wystarczająco ciekawe. Jeśli chcesz iść z referencjami, w końcu nikt nie może powiedzieć, że referencje dalej są ważniejsze. Myślę, że chcesz umieścić swoją najlepszą treść na pierwszym miejscu. Więc jeśli masz najbardziej niesamowite świadectwo, myślisz, że potrzebuję ludzi, aby to przeczytali, umieścili to na samym środku, umieścili to pod tym.

Ale jeśli nie masz i po prostu masz tak, mam referencje i są dobre, ale są takie, czego można się spodziewać, to odłóż je niżej, ponieważ potrzebujesz ich na stronie, aby po prostu dać sobie ten poziom zaufania do marki. I to jest kolejna część, może jesteś w sytuacji, że pracujesz ze znanymi markami i wtedy musisz postawić takie, można powiedzieć, te marki nam zaufały.

Albo masz mnóstwo użytkowników i mówisz, że mam tylu użytkowników. Zawsze chcesz wymyślić, jak sprawić, by klient poczuł, że mogę mu zaufać. Nie jestem jak ich pierwszy klient. Można to zrobić na więcej sposobów niż referencje i niezależnie od tego, czy jest to pierwsze, czy w środku, w oparciu o badania, to tak jakby chodziło bardziej o to, co robisz i co sprzedajesz lub co jesteś budynek do tego czasu, jak to jest dokładna ścieżka. Myślę, że ogólnie ludzie mówią, aby mieć to zwięzłe wyjaśnienie i wezwanie do działania na samej górze strony. Zwykle chcesz tam zdjęcie, a potem, jeśli ma to sens, czasami ta tabela cen jest na samej górze, zwłaszcza jeśli jest to druga nawigacja dla użytkownika, na przykład, że wchodzi na twoją stronę główną, a następnie klika stronę z cenami.

Prawdopodobnie nie chcesz zagłębiać się w tę stronę z cenami poniżej. Zamierzają przyjrzeć się cenom, więc pokaż im cenę. Podobnie jak w przypadku tradycyjnej strony docelowej, ta strona z cenami może zejść poniżej.

Upewnij się, że wezwanie do działania jest jasne, a wtedy myślę, że jesteś gotowy do pracy. Więc masz swoją treść. Wiesz, jakie sekcje chcesz i jesteś gotowy, aby zacząć projektować swoją witrynę.

Dla mnie na tym etapie zachęcam ludzi do robienia tego w WordPressie.

Rozumiem. Mam pewną odpowiedź, że teraz jest o wiele łatwiej współpracować, oboje pracujecie nad tym samym i czymś takim jak Figma lub cokolwiek innego. I rozumiem. Jeśli masz luksus współpracy z kimś, może to się stanie. Generalnie nie. I nie znam zbyt wielu ludzi, którzy mają ten luksus bycia, jakbyśmy mieli dwóch lub trzech projektantów pracujących nad tym samym dziełem w tym samym czasie.

Ale dla mnie chcesz być jak najbliżej tego, gdzie będzie żyć, gdzie naprawdę będzie. I chcesz to robić tam. Nie wykonuj swojej pracy trzy razy, tworząc ją w Figmie, a następnie próbując wymyślić, jak to zrobić, albo wiesz, czepiamy się Figmy. jak Figma to świetne narzędzie.

Ale nie konwertuje do gotowej strony internetowej. Musisz to wszystko robić ręcznie. I wiem, że ludzie będą, no cóż, wyeksportować HTML i inne rzeczy. I to jest tak, że wchodzę w to, ale ostatecznie nie tego chcesz. To, czego chcesz, jest w WordPress i w narzędziach WordPress, których chcesz użyć.

Uważam, że Kadence powinno wystarczyć jako narzędzie, dzięki któremu nie potrzebujesz innego narzędzia projektowego do projektowania, ponieważ możesz faktycznie wykonać swoją pracę projektową w Kadence. I nie potrzebujesz do tego narzędzia, ale wsiadasz do Kadence i idziesz, okej. A tutaj potrzebujesz tylko trochę więcej wyściółki.

I wiem, że chcę tutaj promień obramowania i trochę cienia tutaj, i możesz uzyskać naprawdę świetny projekt bezpośrednio w Kadence, ponieważ jest to narzędzie do projektowania. Możesz więc używać go jako narzędzia do projektowania, możesz go poprawiać, możesz się poruszać, cofać i ponawiać, ale wykonujesz tam całą pracę.

Więc kiedy skończysz, faktycznie skończyłeś, a nie, ok, w końcu sfinalizowaliśmy projekt i jest w Figma. A potem idziesz, ok, świetnie. Teraz musimy wykonać całą tę pracę ponownie, aby rzeczywiście zrobić to w WordPress. Dla mnie chcę być znacznie bliżej końca miejsca, w którym będzie żyć i tam projektować, a także projektować w ramach tego ograniczenia.

Tak jak są ograniczenia w WordPressie i ograniczenia w Kadence. Tak bardzo, jak chcę dać ci każdą opcję i nadal pracuję nad tym, aby było jak najwięcej opcji. Wciąż będą istniały ograniczenia projektowe. I trzeba o nich myśleć jak o nie zawsze ograniczeniach, ale jak o tym, że trzyma mnie to w pewnej, pewnej sferze tego, co powinienem edytować, a czego nie powinienem.

Kathy: Tak. Mam tyle rzeczy do powiedzenia. Przede wszystkim myślę, że kończy się to, gdy projektujesz w narzędziu takim jak Figma, Miro lub czymkolwiek i zastanawiasz się, jak chcesz, aby coś wyglądało, możesz się prawie wpaść w perfekcjonizm model, w którym, no cóż, a potem możemy to poprawić, możemy poprawić to i możemy poprawić to.

I nagle masz ten projekt na niebie, który może wyglądać świetnie. Może absolutnie idealny. Być może ma najlepsze umysły, łącząc wszystkie swoje treści i pomysły projektowe w coś, co jest absolutnie doskonałe. A potem niekoniecznie przekłada się to dobrze w prawdziwym świecie. Inną rzeczą jest to, że nawet gdy projektujesz, na przykład, jeśli projektujesz coś, co używa pól niestandardowych i robisz projektowanie danych w doskonałej bazie danych w postaci trzeciej normalnego formularza, tak wszystko powinno działać, prawda .

Powinien mieć tę tabelę powiązaną z tą tabelą i wszystko powinno być idealne i trzecia normalna forma. W prawdziwym świecie może to nie być najlepszy sposób na przekazywanie danych komuś, Jane w recepcji, będziesz musiał wybrać to i tak będzie.

A potem, kiedy przekażesz go do faktycznego posiadania go w WordPressie, może nie być w stanie zaprojektować go w ten sposób. Więc kiedy projektujesz znacznie bliżej narzędzia, nie tylko oszczędzasz czas, ale także oszczędzasz paraliż analityczny związany z uczynieniem wszystkiego perfekcyjnym w swoim narzędziu do projektowania, otoczonym murem ogrodzie. Ale robisz to za pomocą narzędzia, które wyświetli to klientowi. Robisz to w sposób, który będzie najlepszy nie tylko dla ludzi, którzy używają wp-admin, ale także dla ludzi, którzy oglądają go na interfejsie, w ramach ograniczeń narzędzi. I wiele z tych dynamicznych treści, narzędzia do dynamicznej treści wciąż są w swoim, cóż, tak naprawdę nie są w powijakach, ale jest o wiele więcej do zrobienia. Można zrobić o wiele więcej, aby sposób dynamicznej zawartości działał bez użycia kodu. Tak więc praca w tym zakresie, budowanie czegoś, co może rosnąć za pomocą narzędzi w miarę ich rozwoju, robienie tego w WordPressie ma o wiele więcej sensu, przynajmniej z mojego doświadczenia. Zdejmuję teraz mydelniczkę.

Ben: Tak. Myślę, że czasami jest to dość frustrujące, kiedy wiesz, że dostałem pliki od projektanta w Figma i myślę, ale co to jest, co z urządzeniami mobilnymi? A oni są jak, o tak, prawdopodobnie muszę zrobić też wersję mobilną, huh. A ja mówię, no cóż, nie, kiedy projektujesz w WordPressie, projektujesz już na urządzeniach mobilnych.

Już próbujesz to rozgryźć, gdy idziesz. Po prostu trzeba było tak myśleć od samego początku. I możesz dostać się do niektórych z tych narzędzi projektowych i nie musisz myśleć w ten sposób. Myślę, że najbardziej powszechną rzeczą jest to, że widzę, że nie jest nawet mobilny, ponieważ większość ludzi jest trochę bardziej świadoma.

To duże, szerokie ekrany. Zaprojektowali te naprawdę dość wąskie strony, a ja myślę, no cóż, ale co się dzieje, gdy wypełniają one tylko jedną trzecią ekranu? Wyciągasz tę szerokość i nagle jest to zupełnie inny projekt. Myślę, że te narzędzia są naprawdę pomocne, ale często jestem bardziej sfrustrowany tym, czego nie pokazują, gdy ktoś je projektuje, i o czym projektant nie myśli i o czym może nie myśleć, cóż, nie potrzebuję 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? A jeśli tak, to w jaki sposób? 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. Chcielibyśmy usłyszeć od ciebie. Ben, you did a great training the other day was that yesterday?

Ben: That was yesterday. Tak.

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: Tak. 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. Tak bardzo ekscytujące. 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: Świetnie. 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.