Autor: Jan Chmielowski
Inspiracje: poznaj najlepsze strony stworzone w WebWave
W kreatorze WebWave pracuje ponad 600 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 online 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.
Ponad 600 000 ludzi tworzy strony za darmo, bez kodowania i przy wsparciu AI. Zobacz, jakie to proste
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ć nasz kreator stron 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:
Popularne artykuły.
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.
contact@webwavecms.com
+48 731 395 898
Porozmawiaj z nami na czacie
Od godziny 08:00 do 24:00
Ta strona została stworzona w kreatorze WebWave.
Znajdziesz nas na:
Kreator WebWave.
Oferta.