Strony Elementor z października 2021 r
Opublikowany: 2021-11-12W tym miesiącu dołączają do nas firma konsultingowa z Doliny Krzemowej, holenderska agencja reklamowa, ekologiczny startup z Wielkiej Brytanii zajmujący się filiżankami kawy, wyjątkowa witryna z portfolio, producent luksusowych napojów z Down Under, akademia estetyki medycznej, która pragnie zaprezentować się z jak najlepszej strony, specjalną uniwersytecką inicjatywę badawczą, nieskazitelnego producenta pokryć basenowych, muzeum przygód o tematyce jurajskiej i dwie szalenie różne agencje marketingu internetowego.
W tym miesiącu jest Lottie do przestudiowania z mnóstwem efektów przewijania i ruchu myszy, wyraźnymi kształtami masek, nienagannymi zastosowaniami połączeń, wspaniałymi zasobami zdjęć i filmów , arcydziełami tekstowymi w połączeniu z mistrzowskim copywritingiem, niestandardowymi czcionkami i ikonami, a także minimalistycznymi i odważnymi style projektowania i wiele więcej.
Gotowy na przygodę ze stroną internetową?
10
Może może
przez coś znajomego
CanCan to bezpłatny, niskoenergetyczny system kubków wielokrotnego użytku stworzony w celu wyeliminowania jednorazowych kubków. Ich aplikacje i inteligentne produkty pozwalają im śledzić cykl życia kubka, dokładnie śledząc pozytywny wpływ, jaki wywierają na świat. Po ponownym wyobrażeniu sobie, w jaki sposób firmy ponownie wykorzystują pojemniki na żywność i napoje, udostępniając przedmioty o niskiej wartości, pomagają firmom z branży hotelarsko-gastronomicznej zmniejszyć ilość odpadów, a jednocześnie są bardziej opłacalne i wygodne.
Pierwszą rzeczą, która uderza większość ludzi, jest kreatywne logo CanCan , a następnie jasna kombinacja kolorów witryny, która nadaje jej zabawny klimat.
W rzeczywistości te same kolory są używane w widocznych obrazach, łącząc razem schemat kolorów i fotografię. Wraz z ilustracjami liniowymi sprawia, że całe doświadczenie użytkownika jest zabawne i interesujące.
Najechanie kursorem na pomarańczowy przycisk samoprzylepny obok paska przewijania zmienia jego kolor. Kliknięcie w nią otwiera formularz subskrypcji. Podobnie kliknięcie ikony menu w kształcie plusa otwiera zestaw opcji menu ułożonych na asymetrycznym tle w kolorze pomarańczowym.
Łącząc nagłówki szeryfowe z tekstem bezszeryfowym, witryna internetowa brytyjskiej firmy jest doskonałym przykładem najlepszych praktyk typograficznych, jasno przedstawiających wizję środowiskową firmy w jej wysiłkach zmierzających do generowania potencjalnych klientów.
Branding & Design: Hello Agency i coś znajomego
Rozwój: coś znajomego
Temat: Witam
Wtyczki: Local Google Analytics dla WordPress, SG Cachepress, Yoast SEO
Zobacz stronę internetową na żywo
09
Agencja Reklamowa 2kwadraat
autorstwa Khalida Karmoudiego
Agencja Reklamowa 2kwadraat wierzy, że każda marka ma swoją historię, którą trzeba usłyszeć, zobaczyć i poczuć. Kopanie głęboko i poszukiwanie prawa do istnienia swoich klientów to ich misja. Z siedzibą w Holandii, ich celem jest zdobywanie fanów marek swoich klientów poprzez opowiadanie ich historii.
Hasło tej holenderskiej firmy brzmi: „Pomagamy markom iść naprzód”. Dotyczy to również jej strony internetowej, która wykorzystuje motywy kolorowych strzałek symbolizujących postęp.
Wykorzystanie na stronie animacji Lottie, takich jak animowana ikona hamburgera, to rozkosz dla oczu. Niemożliwy do przeoczenia ze względu na kontrastową czarno-żółtą kolorystykę, sugeruje, że użytkownik powinien działać teraz.
Wykorzystując specjalne efekty najechania kursorem i efekty śledzenia myszy, menu nie jest statyczne. Podobnie animacje przewijania na obrazach sprawiają wrażenie, że firma stale się rozwija.
Widoczne jest również zaangażowanie w fotografię portretową członków zespołu firmy, która dzięki czarno-białej kolorystyce dodaje powiewu profesjonalizmu i wyrafinowania.
Ostry kontrast czarnych i żółtych palet kolorów wydobywa menu nawigacyjne i przyciski z tła i przywołuje formalność połączoną z kreatywnością. Działając jako lejek do generowania leadów, a także narzędzie ekspozycji marki, witryna spełnia oba te kryteria.
Projekt i rozwój: Khalid Karmoudi
Temat: Witam
Wtyczki: WP Smushit, Jet Elements, Jet Blocks Master, Jet Tricks
Zobacz stronę internetową na żywo
08
Grupa TruSource
autorstwa Marei Giles, Michaela Watersa i Studio 678
TruSource Group to firma zajmująca się konsultingiem w zakresie zarządzania wyższego szczebla z siedzibą w Bay Area w Kalifornii, obsługująca wiele organizacji, od firm z listy Fortune 100 po firmy zatrudniające 100 pracowników. Specjalizują się w wykorzystaniu wewnętrznych zasobów i procesów klienta w celu uzyskania trwałych wyników i są sprawdzonymi partnerami, współpracownikami i komunikatorami na wszystkich poziomach w organizacji.
Ta jednostronicowa strona zawiera wiele kinowych filmów w wysokiej rozdzielczości osadzonych w minimalistycznym stylu z wykorzystaniem kształtów masek. Filmy wideo w dużym stopniu wpływają na przepływ strony, zapewniając płynne wrażenia użytkownika.
Przerwy między sekcjami są płynnie podzielone na sekcje z dużą czcionką połączoną z kopią i zaśmiecone marketingowymi odniesieniami w drugiej osobie, co nadaje jej osobisty charakter. Strategicznie pozostawiając białą przestrzeń, pozwala użytkownikowi „oddychać” podczas przewijania.
Wysiłki projektanta są widoczne wszędzie, od efektów przewijania po motywy paralaksy i widżety Lottie. Z wyraźnym naciskiem na ekspozycję marki, komunikaty firmy z Doliny Krzemowej są pięknie uchwycone delikatną cienką czcionką, co jedynie wzmacnia jej zaawansowany technologicznie klimat.
Projekt: Hilary Zaid i Marea Giles
Opracowanie: Michael Waters / Studio 678
Temat: GeneratePress
Wtyczki: GP Premium, Preloader Plus, The Plus Addons dla Elementora
Zobacz stronę internetową na żywo
07
WebAndMe
Marii Wiedner
Maria Wiedner uważa, że Twoja strona internetowa powinna mówić za Ciebie. Twoja witryna powinna przyciągać pożądanych klientów, ponieważ zasługujesz na witrynę, która sprawi, że będziesz kibicować! Wierzy, że samozatrudnieni mogą się zmienić i wiele osiągnąć dzięki swoim małym projektom. Pomaga więc samozatrudnionym kobietom tworzyć błyszczące strony internetowe.
Jeśli szukasz nieszablonowej inspiracji, minimalistyczna witryna tego projektanta stron internetowych skierowana do samozatrudnionych kobiet jest jedną z pozycji, które możesz dodać do swojej listy.
Witryna zna swoich odbiorców, czego dowodem są wzmacniające teksty, które wzbudzają entuzjazm i zaufanie do projektanta. Korzystając z własnego kolażu zdjęć, ilustracji i innych elementów zina, Maria prezentuje swoją kreatywną iskrę na całej swojej stronie internetowej, czasami wykorzystując widżety Lottie, a innym razem używając efektów przewijania i ruchu myszy. Przedstawia swoje wizerunki w różnych scenariuszach, takich jak gryzmoły, a także skromnie stojąca twarzą do kamery.
Brak siatki daje poczucie uporządkowanego chaosu, co przemawia do przedsiębiorców poszukujących artystycznego akcentu oryginalności. Podobnie, żółty tekst na szarym tle łączy poczucie wyrafinowania z innowacyjnością, aby rezonować z samozatrudnionymi kobietami.
Witryna Maria, stworzona z myślą o generowaniu leadów, eksponowaniu marki i blogowaniu, jest doskonałym przykładem dzielenia się wiadomością z prezentacją portfolio.
Projekt i rozwój: Maria Wiedner
Temat: Witam
Wtyczki: dodatki premium dla Elementora
Zobacz stronę internetową na żywo
06
Akademia Estetyki Skild
przez pasjonatów
Skild to akademia edukacyjna i szkoleniowa dla pracowników służby zdrowia zajmujących się estetyką medyczną. Firma powstała z myślą o podnoszeniu standardów kształcenia i praktyki klinicznej poprzez współpracę z czołowymi ekspertami medycyny estetycznej. Zdając sobie sprawę z ograniczeń jednodniowego szkolenia, Skild ma akademię szkoleniową, która doskonale łączy teorię, praktykę i społeczność w celu dalszej nauki.
Aby podkreślić specjalizację firmy, strona internetowa została zaprojektowana w nowoczesnym, minimalistycznym stylu. Stawia to doświadczenie użytkownika na pierwszym miejscu, umożliwiając łatwą nawigację i rezerwację kursu.
Animowane figury geometryczne i widżety Lottie podkreślają najważniejsze szczegóły, zwracając na nie uwagę użytkowników podczas przewijania. Subtelne tryby mieszania na tle dużej ilości białych znaków nadają witrynie wysokiej jakości charakter. W rzeczywistości użycie specjalnych kształtów geometrycznych jest widoczne na wszystkich stronach witryny, a także w logo. Stosowanie gradientów jest również bardzo modne i stawia tę stronę w czołówce.
Formularze rezerwacji na stronie internetowej korzystają z wtyczki rezerwacyjnej WooCommerce, która umożliwia firmie tworzenie niestandardowych szablonów produktów na interfejsie, przy jednoczesnym zachowaniu znajomego interfejsu na zapleczu, umożliwiając klinicystom płynne zarządzanie kursami.
Zastosowanie jasnej kolorystyki czcionki na białym tle pozwala na czytelność przekazu. Wygląda na to, że witryna używa jednej czcionki bezszeryfowej na wszystkich swoich stronach internetowych zarówno w nagłówkach, jak i mniejszych tekstach. W rzeczywistości język projektowania jest bardzo zwarty i jednolity, co daje poczucie autorytetu, a jednocześnie odzwierciedla profesjonalizm firmy stojącej za witryną.
Skierowany do pracowników służby zdrowia, którzy chcą zostać ekspertami w dziedzinie medycyny estetycznej, przejrzysty, nowoczesny interfejs witryny został stworzony z myślą o rozwijaniu tej niszowej profesjonalnej sieci, a także o organizowaniu kursów szkoleniowych.
Projektowanie i rozwój: agencja cyfrowa Passionates
Temat: Astry
Wtyczki: Jet Engine, WooCommerce, Rezerwacje WooCommerce.
Zobacz stronę internetową na żywo
05
Aquadeck
przez Grupę Pollet
Aquadeck produkuje najwyższej jakości przykrycia basenowe z rusztu z dbałością i kunsztem. Kierując się intensywną wiedzą i wieloletnim doświadczeniem, ich inżynierowie poszukują najlepszych i najbardziej atrakcyjnych materiałów, opracowują najmądrzejsze projekty i używają najbezpieczniejszych komponentów. Innowacje nigdy się dla nich nie kończą, ponieważ wierzą, że produkty zawsze mogą być jeszcze lepsze, inteligentniejsze lub bardziej atrakcyjne.
Motto firmy z siedzibą w Budel w Holandii brzmi „Blisko… aby być doskonałym”, co wyraźnie widać w sekcji poświęconej bohaterom. W rzeczywistości wyraźnie zainwestowano ogromne środki zarówno w fotografię, jak i wideografię, biorąc pod uwagę wysoką jakość wyświetlanych efektów wizualnych.
To doskonały przykład projektu, który pomaga zmienić niszowy, choć niszowy temat w interesującą i atrakcyjną wizualnie stronę internetową. Projekt podnosi całe doświadczenie za pomocą spektakularnych efektów wizualnych, a także nowoczesnych i współczesnych układów i czcionek.
Istnieje wyraźna intencja, aby kolor witryny pochodził ze zdjęć, filmów i animowanych ilustracji. Tło jest przeważnie czarno-białe, z delikatnymi beżowymi akcentami, które skupiają się na jakości produktu.
Zrywając ze współczesną konwencją, witryna używa czcionek bezszeryfowych w całej witrynie, a tytuły są po prostu pogrubione i powiększone.
Odwiedzając sekcję przykrycia basenów, użytkownicy mogą przeciągać strzałki w lewo lub w prawo i widzieć w czasie rzeczywistym baseny otwarte lub zamknięte, częściowo lub całkowicie. Klikalne pola atrybutów podobnie oferują szczegółowe informacje o produktach.
Rysunki liniowe mapy świata można zobaczyć na kilku stronach, takich jak strona kontaktowa, utrzymując, że tak powiem, wszystko w ruchu. Sprytne efekty przewijania wszędzie dodają trochę akcji do spokojnego spokoju obrazów.
Strona internetowa, która jest dobrze wykonana i wykonana perfekcyjnie. To kolejny doskonały przykład tego, jak dobry design może wpłynąć na postrzeganie produktu i stojącej za nim firmy. Jest to strona internetowa, która rzeczywiście pasuje do swojego produktu jako „bliżej doskonałości”.
Projekt i rozwój: Grupa Pollet
Temat: Witam
Wtyczki: Happy Elementor Addons Pro, Jet Elements, Jet Engine, WP Rocket
Zobacz stronę internetową na żywo
04
Badania BAU
autorstwa Adrii Paz
BAU to uczelnia projektowa z siedzibą w Barcelonie, powiązana z Universitat de Vic – Universitat Central de Catalunya, która zapewnia oficjalne studia w zakresie projektowania w ramach Europejskiego Obszaru Szkolnictwa Wyższego. BAU Research narodziło się z przekonania, że badania naukowe to innowacyjna praktyka, którą można rozwijać z kreatywnością i rygorem. Dzielą się praktykami i pomysłami z wolą tworzenia nowych znaczeń, nowych wyobrażeń, sprawiedliwszych rynków i bardziej zrównoważonego życia.
Niebieski jest kolorem kompetencji, a jakże lepiej wykorzystać ten kolor niż w sekcji poświęconej bohaterom działu badawczego. Przewijanie określa ich wyjątkową wiadomość cienkim tekstem bezszeryfowym.
Sekcja bohatera zawiera kombinację różnych efektów — przewijanie, śledzenie myszy i lepkie widżety oraz inteligentne kopiowanie, zwłaszcza z przekreślonym tekstem „eliminującym” konwencjonalne myślenie.
Strona posiada nowoczesny i minimalistyczny layout oraz dużą czcionkę. Wykorzystuje pływające menu w nietypowy sposób — przewijanie w dół powoduje zniknięcie menu i pozostawienie strony całkowicie czystej, podczas gdy przewijanie w górę powoduje natychmiastowe ponowne pojawienie się.
Seria trybów mieszania jest używana, gdy przechodzi do głównego przesłania mody integracyjnej. Tło wideo jest wkrótce widoczne, zanim ponownie zmieni się w zdjęcie o wysokiej rozdzielczości.
Kliknięcie menu hamburgera powoduje pomalowanie całego ekranu na niebiesko, dzięki czemu nałożony biały tekst jest wyraźnie widoczny. Ponownie użycie koloru niebieskiego buduje poczucie zaufania, pokoju i lojalności.
Witryna badawcza katalońskiego uniwersytetu dość sprytnie wyświetla w stopkach informację o możliwości zapisania się do biuletynu e-mailowego, maksymalizując swoją nieruchomość w celu łatwego zbierania potencjalnych klientów, zanim odwiedzający zlicytują „adeu”.
Projekt i rozwój : Adria Paz
Temat : Witam
Wtyczki: Sticky Header Effects for Elementor, ele Custom Skin Pro, WP Smushit, Complianz gdpr, WP Data Access, WP Menu Icons, Sitepress wielojęzyczny cms, Yoast SEO, W3 Total Cache
Zobacz stronę internetową na żywo
03
Bickford i synowie
przez Frame Creative i Sid Puri
Bickford and Sons zamierzają stworzyć rzetelną i emocjonalną więź z publicznością. Postanowili zapracować na swoje miejsce jako nowoczesna klasyczna marka, wykorzystując historię poprzez 140-letnią historię marki i prezentując autentyczność poprzez odnowioną prezentację marki w 2021 roku. Osiągają to, łącząc naturalne składniki, dziedzictwo ręcznych metod i receptur, aby zapewnić autentyczne, wyjątkowe smaki - wszystkie stworzone z myślą o alkoholach ich klientów.
Po odświeżeniu projektu w tym roku, producent napojów z Australii Południowej poszedł all-in na swoją zupełnie nową stronę internetową. Od samego początku jesteśmy przedstawiani jego kultowym puszkom płynącym z boku na bok w sekcji bohatera na bok jako wspaniały zapętlony film w wysokiej rozdzielczości.
Rezultatem jest spokojne kolorowe tło z kieszeniami żywych kolorów z kultowych puszek marki, które są przyjemne dla oczu. Dzielniki kształtów wyraźnie eksponują produkty firmy, a ich minimalistyczny design przywołuje bardzo luksusowy, szykowny klimat. Jest ładne użycie przezroczystych efektów przewijania.
Zastosowanie zarówno serii różnych kolorowych teł, które pasują do każdego produktu, jak i dodatkowej kombinacji nałożonych obrazów stwarza wrażenie, że wystarczy wyciągnąć rękę i wziąć sobie drinka.
Zastosowanie w witrynie dużej, pogrubionej i pisanej wielkimi literami nadaje jej nowoczesny wygląd. To marka, która zna swoich młodych odbiorców i bezpośrednio do nich przemawia poprzez wizualne budowanie ekscytacji wokół swojego produktu.
Projekt: rama kreatywna
Rozwój : Sid Puri
Temat : Astry
Wtyczki : lokalizator sklepów
Zobacz stronę internetową na żywo
02
Muzeum Dinozaurów Praga
autorstwa Robina Stencela i Amazual Media
Muzeum Dinozaurów w Pradze to wyjątkowy świat, który łamie wyobrażenia o muzeum. Pozwalają odwiedzającym przeżyć niespotykaną dotąd przygodę w obliczu dinozaurów w nowoczesnym, interaktywnym świecie. Odwiedzający odkryją największą prywatną kolekcję autentycznych szkieletów dinozaurów, modeli, które są tak realistyczne, że aż ciarki przechodzą po plecach, wyposażone w najnowocześniejszą technologię służącą rozrywce i edukacji.
Sama sekcja bohatera wystarczy, aby zainspirować odwiedzających witrynę do zostania prawdziwymi gośćmi. Korzystając z serii efektów ruchu, niestandardowych czcionek i kolorowych ikon, odwiedzający mogą przenieść się w czasie do epoki dinozaurów.
Witrynę otwiera spektakularne wideo, które wprowadza odwiedzających w świat dinozaurów i stwarza wrażenie głębi, jakby zdzierało warstwę po warstwie. Kręgi na filmie widoczne są również na stronie serwisu i symulują coś z innego, spektakularnego świata zagubionego w czasie.
Używając pięknych, wysokiej jakości obrazów dinozaurów, kombinacji efektów przewijania elementów projektu, postaci i roślinności, tworzy się w pełni interaktywne doświadczenie. Lepki rzutnia ujawnia również warstwa po warstwie historię muzeum i różnorodne dostępne działania.
Czarne płótno tworzy tajemniczą atmosferę, a neonowe kolory rzucają się w oczy. W rzeczywistości różne strony używają ciemnych filmów w wysokiej rozdzielczości, powiększonych obrazów karuzeli i kształtów masek, które razem tworzą subtelną tajemniczość.
Witryna wykorzystuje niestandardowe ikony podkreślające każdy z jej kluczowych atrybutów. Używa również szkieletowego białego koloru tekstu wraz z leśnymi zielonymi przyciskami i konturami, które odpowiednio składają subtelny hołd skamielinom teraźniejszości i żywym stworzeniom z przeszłości.
Animacje najechania i ikony nakładek oraz widżety Lottie można również zobaczyć w różnych częściach serwisu. W rzeczywistości dużo się dzieje, ale nigdy nie wydaje się przytłaczające. Zamiast tego wzbudza podekscytowanie i oczekiwanie — dokładnie to, co chciałbyś, aby czuli odwiedzający muzeum.
Republika Czeska słynie z niezliczonych atrakcji, a teraz Muzeum Dinozaurów w Pradze umieściło kolejny punkt na słynnych kamienistych ulicach znakomitej mapy Pragi.
Projekt: Robin Stencel
Rozwój : Niesamowite media
Temat : Witam
Wtyczki : HappyAddons, framework SEO, Polylang
Zobacz stronę internetową na żywo
01
Cyfrowa truskawka
autorstwa Shyama Singha
Digital Strawberry zapewnia kompleksowe usługi marketingu cyfrowego. Od tworzenia stron internetowych, które pasują do wizji biznesu klientów, po projektowanie graficzne interaktywnych kreacji, które pomogą dotrzeć do odbiorców ich klientów, Digital Strawberry robi to wszystko!
„PRESS START” to sposób, w jaki odwiedzający są witani za pomocą neonowego tekstu w stylu retro, który wywołuje uczucie nostalgii. Sekcja z bohaterami w kratkę z ruchomymi ekranami oldschoolowych komputerów stacjonarnych oraz animowanymi animacjami, ilustracjami i tablicami ogłoszeniowymi z pewnością przyciągnie Twoją uwagę i przeniesie Cię z powrotem do ery klasycznych gier komputerowych.
Witryna sprytnie łączy również szeryfowe z bezszeryfowymi — wyświetlanie czcionek dla klasycznych tytułów i nowoczesną czcionkę dla tekstu podstawowego. Istnieją również komponenty zamknięte w ramkach, które symulują przeglądarkę lub odtwarzacz wideo.
Firma pokazuje swoje kluczowe zalety, obracając jedno słowo w statycznym zdaniu. To miłe użycie obracającego się tekstu w kolorze czerwonym. W dość niekonwencjonalny sposób menu umieszczono u podstawy sekcji bohatera, przez co nie sposób go zignorować.
Przewijając w dół, wita nas kilka pikselowanych postaci i ikon popkultury, od Pokemona po Hello Kitty. Papier milimetrowy działa jak płótno z mieszanką niebieskiego, białego, żółtego i fioletowego, dzieląc każdą sekcję. To fantastyczny przykład strony internetowej wykorzystującej zarówno efekty przewijania, jak i ruchu myszy, aby stworzyć pełen akcji wygląd i styl. Ponadto duże czcionki i motywy w jasnych kolorach dodają energii i prawdziwej osobowości.
Witryna wykorzystuje powiązany język projektowania, wyjątkowo kreatywne gify, zabawne ilustracje i animacje, których tak naprawdę nie widzieliśmy wcześniej. Doskonałym tego przykładem są wyskakujące okienka i menu strony internetowej. Ładujące się serca z gry The Legend of Zelda to miła gratka dla graczy, podobnie jak wideo z kotami dla fanów internetowej popkultury. Nawet animacja telefonu z klapką na stronie kontaktowej jest miłym akcentem.
Używanie obrazów tła, nakładek i obrazów wraz z niestandardowymi czcionkami oznacza, że twórcy naprawdę nie zostawili tutaj żadnego piksela. Kolorystyka strony przekazuje zabawę, doświadczenie, a nawet poczucie optymizmu. Ta kultowa strona internetowa zapewni Ci cyfrowe truskawki na zawsze!
Projekt i rozwój : Shyam Singh
Temat : Witam
Wtyczki : silnik odrzutowy, ładowarka Maz, Rank Math.
Zobacz stronę internetową na żywo