20

Webflow, czyli jak szybko zrobić stronę www – ładnie wyglądającą i w RWD

Dziś technologie tworzenia stron są już tak powszechnie dostępne w sieci, że nie trzeba posiąść nie wiadomo jakiej wiedzy, by móc stworzyć samemu stronę www. Przynajmniej wersję tymczasową, zanim nie dorobimy się takiej z prawdziwego zdarzenia.

Choć i tak dziś nie każdy takowej potrzebuje, na przykład twórcom aplikacji mobilnych zupełnie to nie jest potrzebne, wystarczy prosty serwis z jedną stroną, gdzie zamieścimy najważniejsze informacje o grze czy aplikacji mobilnej, linki do sklepów mobilnych oraz ewentualnie drugą podstronę ze zmianami jakie wprowadzane były przy aktualizacjach gry czy aplikacji.

Jednym z serwisów, który udostępnia możliwość stworzenia sobie takiej strony jest Webflow. Stworzenia podstawowej strony zajmuje dosłownie kilkanaście minut. Oczywiście jeśli skorzystamy z szablonów, gdzie są już wstępnie umieszczone różne elementy, które wystarczy podmienić na nasze lub tylko zmienić w nich treść.

webflow - wybór projektu

Darmowych szablonów jest sporo, każdy powinien znaleźć tu coś dla siebie. Po wybraniu odpowiedniej pozycji, wystarczy jeszcze nazwać nasz projekt (to będzie jednocześnie subdomena serwisu, jeśli nie będziemy podpinać pod własną domenę), po czym możemy już przejść do edycji i naniesienia własnej treści.

webflow - nazwa projektu

Każdy element na stronie edytujemy klikiem, a po wybraniu każdej z pozycji wyświetla się nam panel z dodatkowymi opcjami formatowania treści, albo z boku albo w podręcznym menu.

webflow - edycja

Zmienić tu możemy dosłownie wszystko, nawet nieaktywną treść widoczną w tle formularza do wpisywania treści przez odwiedzających stronę. Co najważniejsze, wspierane są tu polskie znaki, co nadal jest jeszcze rzadkością w tego typu aplikacjach, tworzonych przez zagranicznych twórców.

webflow

Można również podmienić wersję językową widgetów społecznościowych, dostępnych jest tu kilkadziesiąt języków z całego świata, jak również język polski.

webflow - powiadomienia

W najnowszej wersji Webflow możliwe są też do stworzenia i wstawienia w treści serwisu różnego rodzaju elementy interaktywnych czy animacje, ale to już będzie trochę więcej zabawy z tym. Jak ktoś lubi takie ruchome pozycje wstawiać na stronie pewnie się skusi, bo z poniższego filmiku wynika, że spore możliwości to narzędzie oferuje w tym zakresie.

Po skończonej edycji możemy jeszcze sprawdzić jak nasza nowa strona prezentuje się na urządzeniach mobilnych, na tablecie czy smartfonie, w orientacji poziomej i pionowej.

webflow

Jeśli wszystko jest w porządku można już publikować stronę. Mamy tu dwie opcje, albo w domenie webflow.io za darmo lub podpiąć ją pod własną domenę, ale to już opcja dostępna w płatnej wersji.

webflow - strona testowa

Źródło: The Next Web/Product Hunt.

  • Wszystko świetnie. Jednak koszt około 600 zł za hosting to przegina jest. Jest wiele bardziej przyjaznych miejscówek za mniejszą kaskę. Jakby co służę listą. Pozdr.

    • Możesz podesłać?

    • Wielkie_Nieba

      WIX? Chociaż i tak lepiej zrobić coś na WP.

    • Surprise.Design za wszystko co ma jakąś wartość trzeba płacić :( spójrz na rankingi: https://goo.gl/yd8aww , https://goo.gl/ZZ9bqf . Z polskich kreatorów ciekawym rozwiązaniem jest WebWave, choć nie jest świetny i kosztuje ca 200 zeta rocznie. Niezastąpionym równoległym pomysłem jest podpieranie się blogspotem – ma zasięg.

  • dev

    FATALITY: LOGIN TO TRY.

    Hello, 2017 UX?

  • Hey! Jestem QA w Webflow i z chęcią odpowiem na Wasze pytania :)

    @arekreklamy:disqus co do hostingu, warto zerknąć na https://webflow.com/hosting gdzie posiadamy informacje dotyczącego tego co w tym hostingu jest zawarte. Mówimy tu oczywiście o sytuacji w której hostujesz u Nas stronę – zawsze możesz ją wyeksportować i trzymać u siebie na serwerze. Więcej informacji o różnych elementach Webflow znajdziecie poniżej:
    https://webflow.com/designer
    https://webflow.com/cms
    https://webflow.com/hosting
    https://webflow.com/editor
    https://webflow.com/interactions-animations

    W razie co łapcie mnie na Twitterze: @nosekbk
    Cześć!

    • Max

      Bartosz,
      Napisz proszę kiedy planujecie uruchomić „Client’s billing” w polskiej wersji językowej? Mam nadzieje, że jako jedyny Polak w zespole mocno lobbujesz za tym :)

      Uwielbiam Webflow!!!
      Interactions 2.0 wymiata!!!

      Robicie świetną robotę i zmieniacie rynek! Tak trzymać!

      Dzięki wielkie
      Max

    • > Polskiej wersji językowej

      Masz na myśli dostępność dla polaków? Tu niestety jesteśmy ograniczeni możliwościami jakie oferuje Stripe. Więcej informacji tutaj: https://stripe.com/global.

      IX2.0 faktycznie konkret :D A to dopiero początek :)

    • Karawana

      (…) hostujesz u Nas stronę (…)

      Bartosz, odpowiedz proszę… Pisanie o sobie wielką literą, to efekt megalomanii czy zwykłych braków z zakresu edukacji elementarnej?

    • Sebastian

      Wydaje mi się że to zwyczajne przyzwyczajenie, Webflow to firma z US gdzie You piszesz z wielkiej litery. To tak gwoli Twojej edukacji.

    • Adi

      Po angielsku pisze się You z wielkiej litery? A to ciekawe! Coś słabo z twoją edukacją. https://english.stackexchange.com/q/30185

    • Dobra dobra, bo widzę że zaraz się pokłócicie tutaj ;) Zły nawyk wyniesiony ze szkoły, którego nigdy nie poprawiłem i tyle. Po co robić z tego problem? :)

    • Bartosz Kustra hej, ile kosztuje export ?? Poważnie zaś mówiąc, wszystko jest policzalne, trudno żeby było za free.
      Faktem jednak jest, że niektóre usługi jak np. simplesite nie są warte aż tyle w porównaniu z konkurencją.

    • Wszystkie informacje dotyczące Designer Plans i Hostings znajdziecie na https://webflow.com/pricing :)

  • Adi

    Są lepsze i tańsze narzędzia: Pinegrow, Macaw, Froont.

  • Alot

    Szybko, tanio, dobrze.
    Można wybrać tylko dwa.

  • Artur Marciniak

    Dla Pani z kwiaciarni wydaje się super rozwiązaniem i wydaje mi się, że to w ten mały target jest wymierzony produkt.