Kreator stron www WebWave umożliwia tworzenie stron www z pełną swobodą. Strony internetowe możesz tworzyć zaczynając od czystej karty lub wykorzystując szablony www. Strona www bez kodowania? To łatwe - zacznij już teraz.

Panel webmastera

KONTAKT

contact@webwavecms.com
+48 731 395 898

KREATOR

OFERTA

DLA KLIENTÓW

WEBWAVE

MATERIAŁY

Ta strona została stworzona w całości przy użyciu naszego kreatora stron www WebWave. Na tej stronie wykorzystujemy ciasteczka. Dowiedz się więcej.

EN

Zacznij Teraz

RO

Polub nasz profil na Facebooku, aby otrzymywać powiadomienia o nowych funkcjach, postach na blogu, szkoleniach i materiałach edukacyjnych.

POZNAJ NAS BLIŻEJ W SIECI

jak poprawić stronę www

Inspiracje: poznaj najlepsze strony stworzone w WebWave

25 lutego 2021

W kreatorze WebWave pracuje ponad 300 tysięcy użytkowników. Wielu z nich tworzy naprawdę świetne projekty, które z powodzeniem mogą stać się inspiracją dla innych. W tym wpisie przedstawiamy kilka ciekawych stron, które w ostatnim czasie zwróciły naszą uwagę. 

Strony, o których piszemy, to projekty zgłoszone do naszego konkursu na najlepszą stronę jesieni, który przeprowadziliśmy pod koniec zeszłego roku. Teraz przyjrzymy się im bliżej, aby zobaczyć, jak wykorzystano w nich funkcje WebWave. Zwrócimy tu szczególną uwagę na estetykę, doświadczenie użytkownika i sposób, w jaki strony spełniają swój cel.

Strona sklepu internetowego Happy Wall

Ta witryna pokazuje, że WebWave świetnie sprawdzi się jako narzędzie do tworzenia sklepów internetowych z rękodziełem, produktami rzemieślniczymi i tworzonymi na zamówienie. W tym wypadku oferta obejmuje ozdoby ścienne. 

Na górze strony znajduje się proste menu. Po lewej widzimy logo, którego kliknięcie przenosi do strony głównej. Na środku mamy bardzo proste, dwupoziomowe menu, które kieruje użytkownika do poszczególnych sekcji strony i kategorii produktów. W prawym rogu widać ikony mediów społecznościowych i koszyk. 

Taki rozkład elementów jest znany użytkownikom, więc warto go zastosować na swojej stronie. Dzięki temu nawigacja będzie intuicyjna. W menu wykorzystano funkcję zaczepiania elementu. Pozostaje ono widoczne podczas przewijania strony, co jeszcze bardziej ułatwia poruszanie się po e-sklepie. 

Uwagę zwraca szeroki na całą stronę slider z wysokiej jakości zdjęciami produktów. Użyto tu funkcji animacje. Fotografie przesuwają się automatycznie. Użytkownik ma też możliwość nawigacji za pomocą strzałek. 

Poniżej znajduje się sekcja z nowościami. Warto zwrócić uwagę na zmianę wyglądu zdjęć po najechaniu na nie myszką. Dzięki temu użytkownik wie, że jest to element interaktywny, który można kliknąć. 

Na dole strony głównej obaczymy galerię zdjęć z Instagrama połączoną z ikonką tego serwisu. W stopce strony użytkownik znajdzie wszystkie niezbędne informacje, takie jak regulamin, kontakt czy płatności. 

Na kartach produktów uwagę zwracają przede wszystkim zdjęcia. Po prawej stronie znajdziemy opis przedmiotu i czytelne menu wyboru jego parametrów czy sposobu dostawy. Wyraźnie widać przycisk umożliwiający dodanie produktu do koszyka. 

Strona happywall.pl może być przykładem, potwierdzającym tezę, że w web designie więcej znaczy mniej a projektując stronę trzeba zwrócić uwagę przede wszystkim na jej czytelność i łatwość nawigacji. Rozwiązania estetyczne powinny być im podporządkowane. 

 

Dołącz do 334 tysięcy ludzi, którzy tworzą strony za darmo i  bez kodowania

Kreator stron internetowych WebWave umożliwia tworzenie stron www z pełną swobodą. Strony internetowe możesz tworzyć zaczynając od czystej karty lub wykorzystując szablony.

STWÓRZ SWOJĄ STRONĘ ZA DARMO 
 

Strona kawiarni Finezja

To przykład bardzo dobrze zaprojektowanej wizytówki firmy. Podobnie jak w przypadku strony Happy wall, zastosowano tu tradycyjne menu, które zostało przypięte do górnej części ekranu, dzięki czemu jest widoczne podczas scrollowania. Dobrze jest zastosować taki układ na swojej stronie, ponieważ użytkownicy znają go dobrze z innych witryn i jest to rozwiązanie standardowe. 

Na stronie kawiarni Finezja również znalazło się miejsce na slider ze zdjęciami. Tym razem umieszczono tu też tekst krótko opisujący firmę. Aby był bardziej widoczny, zastosowano półprzezroczyste tło. 

Warto zwrócić uwagę na galerię, w której zastosowano siatkę obrazów. Użyto tu efektu animacji po najechaniu na grafikę myszką. Dzięki temu wiemy, że element można powiększyć. 

Nie zapomniano też o linkach do profilu na Facebooku. Wyróżniona graficznie ikona prowadząca do profilu kawiarni została umieszczona w menu. 

W stopce zastosowano integrację z mapami Google. Ułatwia to odnalezienie kawiarni osobom, które chcą odwiedzić lokal. 

Strona, chociaż jest mało skomplikowana, zawiera wszystkie niezbędne informacje i stanowi skuteczną wizytówkę firmy w sieci. Charakteryzuje ją stonowana kolorystyka i elegancki design pasujący do charakteru i komunikacji wizualnej firmy. Podobne barwy odnajdziemy na jej profilach w mediach społecznościowych oraz w samym lokalu. 

Warto zwrócić uwagę na fakt, że jest to projekt typu one-page. Nie znajdziemy tu podstron, a poszczególne elementy menu kierują do konkretnych obszarów. Takie rozwiązanie jest szczególnie wygodne dla użytkowników telefonów, którzy nie muszą korzystać z menu, co często bywa kłopotliwe w przypadku urządzeń mobilnych. 

 

Poradnia dietetyczna online Healthy balance

Przenoszenie działalności do internetu lub rozszerzanie jej o usługi online to trend widoczny od przynajmniej kilku lat. Pandemia koronawirusa wymusiła jeszcze szybsze rozpowszechnianie się tego zjawiska.  Strona poradni dietetycznej Healthy balance jest tu ciekawym przykładem ciekawym przykładem. Oferuje ona zdalne konsultacje dietetyczne. 

Projekt charakteryzuje minimalizm i nawiązanie do natury widoczne na dużej ilustracji na stronie głównej oraz kolorystyce, gdzie znajdziemy akcenty w zgaszonej, pastelowej zieleni. Podobnie jak w przypadku omawianych wcześniej przykładów, na górze znajdziemy proste menu. 

Strona główna zawiera niewiele elementów, dzięki czemu dobrze wyeksponowano na niej przycisk „zapisz się”. Cel strony jest tu jasno określony - ma ona na celu zachęcenie potencjalnych klientów do skorzystania z porady online. Tak minimalistyczny projekt idealnie nadaje się do tego zadania. Po kliknięciu przycisku użytkownik trafia na stronę z danymi kontaktowymi. Wykorzystano tu formularz, który umożliwia szybkie wysłanie wiadomości bez potrzeby logowania się do własnej poczty e-mail. Poza tym widzimy tu numer telefonu i e-mail. 

Na stronie możemy znaleźć jeszcze 3 niewielkie podstrony zawierające krótką informację na temat osoby oferującej swoje usługi, zakres działalności i cennik. Na tak prostej i czytelnej witrynie łatwo znaleźć wszystkie niezbędne informacje. 

 

Strony, o których piszemy, to projekty zgłoszone do naszego konkursu na najlepszą stronę jesieni, który przeprowadziliśmy pod koniec zeszłego roku. Teraz przyjrzymy się im bliżej, aby zobaczyć, jak wykorzystano w nich funkcje WebWave.

 

Strona firmy Messis

Ten projekt zwrócił naszą uwagę przede wszystkim ze względu na wykorzystanie funkcji animacji. W sliderze wykorzystano ilustracje, które sugerują zakres działalności firmy, która oferuje produkty dla rolnictwa.

Wykorzystano też animacje obrazów i tekstów, które pojawiają się podczas przewijania strony. W grafice na podstronie “o nas” użyto efektu Kena Burnsa, polegający na zbliżeniu na fragment obrazu i przesunięciu jego widoku. 

Zastosowanie animacji nadaje projektowi dynamicznego wyglądu i sprawia, że przyciąga on uwagę użytkowników. Ponieważ animacje widoczne są jedynie przy pierwszym scrollowaniu podstrony, nie męczą one wzroku osoby odwiedzającej witrynę. Zadbano też, aby elementy interaktywne zmieniały swój wygląd po najechaniu na nie myszką. 

Do plusów należy też zaliczyć użycie funkcji strony wielojęzycznej. W prawym górnym rogu znajdziemy ikonki umożliwiające wybór pomiędzy polską a angielską wersją. 

 

Podsumowanie

Jak widać, użytkownicy WebWave potrafią wykorzystać nasze narzędzie w bardzo kreatywny sposób. Tworzone przez nich strony są nie tylko oryginalne, ale też estetyczne i, co najważniejsze, zaprojektowane z myślą o doświadczeniu użytkownika. 

Jeśli chcesz dowiedzieć się więcej na temat możliwości kreatora i wykorzystania jego funkcji w praktyce, odwiedź naszą platformę edu.webwavecms.com. Znajdziesz tam e-booki, webinary, wideo i inne materiały, które pomogą Ci wykorzystać możliwości WebWave w 100%. Wszystkie funkcje związane z tworzeniem stron możesz wykorzystywać zupełnie za darmo bez ograniczeń czasowych. Jeśli nie jesteś jeszcze użytkownikiem WebWave, możesz zarejestrować się klikając ten link

 
 

 

Koniecznie przeczytaj te artykuły:

 

Autor: Jan Chmielowski

Blog

Tu dowiesz się, jak zrobić stronę internetową.

Chcesz być na bieżąco?

Darmowe szkolenie z tworzenia stron internetowych 

WYPRÓBUJ ZA DARMO

Wypróbuj nasz kreator stron internetowych i uzyskaj dostęp do darmowego szkolenia. Po rejestracji wyślemy Ci e-maila z linkiem do zapisu na szkolenie on-line. Na godzinnym szkoleniu dowiesz się jak samodzielnie stworzyć swoją stronę internetową!

 

ZACZNIJ TERAZ

PANEL WEBMASTERA

Logowanie

Blog