Narzędzia02 / 04

Strony w Webflow

Dla firmy, której zespół marketingu zmienia stronę co tydzień. Projektuję ją i buduję w Webflow, ustawiam CMS i oddaję tak, żeby zespół prowadził ją bez czekania na developera.

A COLLECTION Locations 324 ITEMS # NAME SLUG EUR 001 Aachen /aachen 590 001 Aachen /aachen 590 002 Augsburg /augsburg 610 002 Augsburg /augsburg 610 003 Berlin /berlin 640 003 Berlin /berlin 640 004 Bielefeld /bielefeld 580 004 Bielefeld /bielefeld 580 005 Bochum /bochum 570 005 Bochum /bochum 570 006 Bonn /bonn 620 006 Bonn /bonn 620 007 Bremen /bremen 600 007 Bremen /bremen 600 008 Chemnitz /chemnitz 540 009 Cologne /cologne 650 010 Dortmund /dortmund 590 011 Dresden /dresden 570 012 Duisburg /duisburg 560 013 Düsseldorf /dusseldorf 660 014 Erfurt /erfurt 550 324 Zwickau /zwickau 530 B TEMPLATE /services/ {slug} Movers in {name} {price} EUR / MOVE Get a quote TITLE Movers in {name} DESC Local movers in {name} SCHEMA MovingCompany × 324 C PAGES /services/ bremen Movers in Bremen 600 EUR / MOVE Get a quote SEARCH RESULT Movers in Bremen INDEXED PAGE 007 / 324 TITLE 52 / 60 DESC 148 / 160 SCHEMA MovingCompany
Ryc.Jeden szablon CMS, setki stron

Kiedy Webflow pasuje

Strona, którą twój zespół marketingu prowadzi tydzień po tygodniu.

04 punkty

  1. 01

    Zespół, który często publikuje

    Marketing zmienia teksty, dodaje case studies i wpisy, uruchamia landing pages i nie czeka na developera. Edytuje prosto na stronie.

  2. 02

    Dużo treści w CMS

    Blog, case studies, lokalizacje, oferta: do 20 000 pozycji w jednym planie. Jeden szablon może wygenerować setki podstron, każdą z własnym tytułem i opisem.

  3. 03

    Kilka języków

    Każdy język ma własny adres, metadane i sygnały dla wyszukiwarek, a wszystko jest w tym samym miejscu co reszta strony.

  4. 04

    Integracje i własny kod

    Formularze, które zasilają HubSpota, strefy dla członków, kalkulatory, mapy i API, a własny kod tam, gdzie kończą się narzędzia wizualne.

Kiedy wybrałbym coś innego

Webflow nie jest odpowiedzią na każdą stronę.

03 punkty

  1. 01

    Mała strona, która rzadko się zmienia

    Jeśli strona zmienia się kilka razy w roku, miesięczny plan płaci za edytor, z którego nikt nie korzysta. Strona w kodzie prawie nic nie kosztuje w utrzymaniu.

    Strony w kodzie
  2. 02

    Start oparty na animacjach

    Przy stronie marketingowej, która żyje ruchem i ma być gotowa za kilka tygodni, Framer jest często szybszy i tańszy.

    Strony we Framerze
  3. 03

    Produkt, nie strona

    Logowanie, panele i własne dane to miejsce dla aplikacji webowej, nie dla kreatora stron.

    Aplikacje webowe

Od 2022 roku

12

stron w Webflow dla klientów

Cleango, jedna na miasto

324

podstrony z jednego szablonu CMS

Shen AI

5

języków na jednej stronie

Strony w Webflow, które zbudowałem

Usługi sprzątania

Cleango

324 lokalne strony z jednego CMS, przeniesione na nową domenę.

Zobacz case study
Strona główna Cleango

Technologie medyczne

Shen AI

Jedna strona w Webflow w pięciu językach, prowadzona miesiąc po miesiącu.

Zobacz case study
The Shen AI home page

E-learning dla traderów kryptowalut

Edgeframe

Od jednej strony do aplikacji do nauki z jednym logowaniem.

Zobacz case study
Strona główna Edgeframe

Co robię w Webflow

Z Figmy do Webflow

Twój gotowy projekt z Figmy zbudowany w Webflow: każdy breakpoint, czyste klasy, CMS tam, gdzie trzeba, i interakcje zgodne z prototypem.

Usługa

Z WordPressa do Webflow

Wpisy, podstrony, obrazy i ustawienia SEO przeniesione z WordPressa do Webflow CMS, z przekierowaniem każdego starego permalinku.

Usługa

Migracja do Webflow

Treści trafiają do CMS, każdy stary adres dostaje przekierowanie, a pozycje w Google sprawdzam po starcie.

Usługa

Wersje językowe

Twoja strona w drugim lub trzecim języku dzięki Webflow Localization: przetłumaczone podstrony i CMS, SEO dla każdego języka, hreflang i sposób na to, żeby wersje się nie rozjeżdżały.

Usługa

Własny kod

Kalkulatory, filtry, formularze wieloetapowe i mapy: te części strony, których Webflow nie zbuduje sam.

Usługa

Animacje i interakcje

Efekty przy przewijaniu, przejścia i ruch, który tłumaczy produkt, zbudowane w GSAP i Webflow Interactions i przetestowane na telefonach.

Usługa

SEO w Webflow

Niedziałające linki, brakujące przekierowania, ubogie metadane i podstrony pomijane przez Google: znalezione, poprawione i sprawdzone w Search Console.

Usługa

Szybkość strony w Webflow

Obrazy, skrypty, fonty i ustawienia dopracowane w samym Webflow, zmierzone przed i po. Szybsze strony są wyżej w Google, tracą mniej odwiedzających i zużywają mniej transferu.

Usługa

Opieka nad stroną w Webflow

Aktualizacje, poprawki, nowe sekcje i zmiany w CMS na twojej stronie w Webflow, gotowe w kilka dni. Najpierw widzisz wycenę w godzinach i płacisz za godziny wykorzystane, bez miesięcznego planu.

Usługa

Audyt strony w Webflow

Strona zbudowana przez kogoś innego, przeczytana od góry do dołu: struktura, szybkość, techniczne SEO i dostępność. Dostajesz listę, co poprawić najpierw, i kogoś, kto to zrobi.

Usługa

Kto edytuje i czyja jest strona

Twój zespół prowadzi stronę. Ja nie wchodzę w drogę.

  1. 01

    Zespół edytuje prosto na stronie

    Teksty, zdjęcia i wpisy w CMS zmieniają się na samej stronie, a układ zostaje taki, jak go zaprojektowano. Ustawiam, kto może co edytować, i nagrywam krótką instrukcję.

  2. 02

    Strona jest twoja

    Stoi w twoim workspace w Webflow, na twoim planie. Pracuję w nim jako gość, a ty możesz w każdej chwili odebrać mi dostęp.

  3. 03

    Kod możesz zabrać

    Na płatnym planie workspace Webflow eksportuje HTML, CSS i JavaScript. Treści z CMS, formularze i tłumaczenia zostają, więc wyjście wymaga przebudowy.

Kiedy Webflow przestaje się opłacać

Mała strona, która rzadko się zmienia, może przejść na kod.

Gdy strona zmienia się kilka razy w roku, plan płaci za edytor, z którego nikt nie korzysta. Przepisuję ją na kod, podstrona po podstronie, i stawiam na hostingu, który prawie nic nie kosztuje. Wygląd zostaje, każdy adres działa dalej, a strony ładują się szybciej.

Wyjście z Webflow
A ON WEBFLOW B IN CODE C YOUR HOSTING yoursite.com Moving made simple. Get a quote WAITING FOR DEPLOY yoursite.com Moving made simple. Get a quote PLATFORM FEES, PER YEAR Site plan, 12 × USD 40 USD 480 Localization, 12 × USD 10 USD 120 Per year USD 600 PLAN CANCELLED index.astro [slug].astro Hero.astro src pages index.astro pricing.astro services [slug].astro components Header.astro Hero.astro Footer.astro content locations 324 entries public fonts images astro.config.mjs package.json 1 --- 2 import Base from '../Base'; 3 import Hero from '../Hero'; 4 const page = await load(); 5 --- 6 <Base title={page.title}> 7 <Hero {...page.hero} /> 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 TERMINAL $ npm run build 342 pages built in 4.1 s $ npm run deploy Live on yoursite.com MAIN BUILD PASSED EXPORT DEPLOY OFF WEBFLOW PLATFORM FEE USD 0 / YR WAS USD 600 / YR HOSTING Your account SEO Full control SPEED SCORE 90 60
Ryc.Strona z Webflow przepisana na kod: szybsza i bez opłaty za platformę

Pytania

Czy Webflow pasuje do małej firmy?

Tak, jeśli ktoś w zespole będzie często edytował stronę. Jeśli zmienia się kilka razy w roku, strona w kodzie albo we Framerze zwykle kosztuje mniej w utrzymaniu.

Przejmiesz stronę w Webflow, którą zbudował ktoś inny?

Tak. Zaczynam od krótkiego audytu struktury, szybkości i SEO, a potem mówię, co warto poprawić w pierwszej kolejności.

Ile trwa nowa strona w Webflow?

To zależy od liczby szablonów i od tego, jak gotowe są treści. Termin dostajesz razem z ceną.

Projektujesz czy tylko budujesz?

Jedno i drugie. Projektuję w Figmie albo buduję z twojego pliku Figmy.

Jak to rozliczasz?

Nowa strona ma stałą cenę po krótkim briefie. Zmiany i mniejsze zadania to 40 USD za godzinę, z wyceną przed startem i bez abonamentu.

Co mówią klienci.

Od klientów, dla których budowałem strony. Karta ze stroną otwiera jej case study.

  • Strona główna Filjan Bud

    Budownictwo

    „Bardzo polecam współpracę z Maksem, przeprowadził mnie sprawnie przez cały proces, dając przy tym dużo profesjonalnych porad.”

    Jan Trębski
    Właściciel, Filjan Bud

    Zobacz case study
  • Strona główna TC Masters

    Przygotowanie do kariery prawniczej

    „Nie tylko zamienił nasze mgliste pomysły w świetną stronę, ale na każdym kroku przerastał nasze oczekiwania.”

    Michał Gruchalski
    TC Masters

    Zobacz case study
  • Strona główna Modum School

    Szkoła korepetycji

    „Tworzenie strony zwykle kojarzy się z męką. Tutaj poszło błyskawicznie.”

    Tomasz Domański
    CEO, Modum School

    Zobacz case study
  • Strona główna Young Urbanists

    Organizacja non-profit, miasta

    „Uwielbiam strony, które dla mnie zbudowałeś, i jeszcze w tym roku przyniosę ci kolejne projekty stron.”

    Roland Postma
    Managing Director, Young Urbanists

    Zobacz case study
  • Strona oferty TC Masters z trzema planami

    Przygotowanie do kariery prawniczej

    „Przez cały proces był z nami w kontakcie i dopilnował, żeby efekt końcowy był na najwyższym poziomie.”

    Cihangir
    TC Masters

    Zobacz case study
  • Usługi sprzątania

    „Powiedziałem im, jak dobrą robotę wykonujesz i jakim świetnym partnerem jesteś dla Clean with Sunshine.”

    Carl Ferreira
    Właściciel, Clean with Sunshine

Twoja strona

Nie wiesz, które narzędzie pasuje?

Umów rozmowę

Następne narzędzie

Framer

03 / 04

Darmowy audyt

Odbierz darmowy audyt swojej strony.

Nagranie na 5–10 minut z trzema rzeczami do poprawy. Bez rozmowy i bez podpisywania czegokolwiek.