Strony internetowe Elementora z maja 2022 r.
Opublikowany: 2022-06-13Tegoroczna piąta prezentacja kusząco przedstawia zmieniające się trendy w projektowaniu, odkrywa nowe zwroty w retro-kulturowych ikonach i celebruje niedocenianą moc subtelnych dostosowań. Witryny May obejmują różne kreatywne studia i agencje, potężne przedsięwzięcie z zakresu przedsiębiorczości technologicznej, jeden z najpopularniejszych letnich festiwali muzycznych w Oceanii, uniwersyteckie portfolio wystaw cyfrowych, zmysłowy grecki salon kosmetyczny, projekt łyżwiarstwa oddolnego i godną uśmiechu witrynę Montessori .
Odkryj tajemnicze animacje, które odsłaniają pustą zawartość witryny tylko po najechaniu kursorem, rób notatki, jak zaimplementować klasyczne projekty w nowoczesnych układach, zobacz, jak połączyć różne efekty przewijania i animacji, dowiedz się, jak zachować tajemnicę, zatrzymując zawartość, i dowiedz się, że kolor ma moc nad emocjami dzięki dedykowanym stronom wewnętrznym.
Oto Twoja szansa, aby zainspirować się zasłużonymi stronami internetowymi maja!
Kup Elementor Pro już dziś
10
Festiwal jesienny
przez Agencję Cruickshank
Falls Music & Arts Festival to wielodniowy australijski festiwal muzyczny, który odbywa się co roku w różnych miejscach w Wiktorii, Tasmanii, Nowej Południowej Walii i Australii Zachodniej w okresie noworocznym. Jest to jeden z największych festiwali muzycznych w Oceanii, gromadzący jedne z największych wykonawców na świecie. Na festiwalu odbywają się spektakle muzyki współczesnej, tańca, komedii, teatru, cyrku, kabaretu i innych form sztuki. Artyści grający na festiwalu to rock, hip hop, muzyka indie, muzyka elektroniczna, blues i korzenie.
Wychodząc z plakatów festiwali muzycznych, strona internetowa została wyraźnie zaprojektowana tak, aby rezonować z młodszą publicznością. Zaimplementowanie nostalgicznego, ziarnistego wykończenia na gradientowym tle nadaje stronie nieco pustynny klimat.
Falls Festival wdraża duży typ, minimalistyczny projekt i wysoce mobilny, responsywny schemat, wyraźnie skierowany do docelowej grupy odbiorców mobilnych. Wykorzystując spektrum kolorów — różowy, pomarańczowy, żółty i niebieski — festiwal wywołuje emocje i emocje zgodnie ze swoim katalogiem muzycznym.
Zagłębiając się w wewnętrzne strony, widzowie będą mogli znaleźć informacje o każdym z wykonawców, a także linki do ich różnych uchwytów w mediach społecznościowych. Oferując zwiastun dźwięków setlisty, widzowie znajdą wbudowaną niestandardową playlistę Spotify, w tym retro statyczny efekt wideo.
Falls Music & Arts Festival przemawia do swojej podstawowej grupy demograficznej, używając kombinacji współczesnych technik, zachowując tylko główny etap treści. Po dwóch latach ciszy Falls Festival znów jest gotowy do gry.
Projekt i rozwój : Brett Cruickshanks – Cruickshanks Agency
Temat : cześć
Wtyczki : Elementor, Elementor Pro, Nitropack, SEO rankingowe, wstawianie nagłówków i stopek
Zobacz stronę na żywo
09
Ulah
przez BangLUXOR
Ulah to hiszpańska agencja kreatywna zajmująca się doradztwem w zakresie marek, tworzeniem interfejsów cyfrowych i narzędziami do zarządzania marketingiem dla projektów o dużym wpływie. Działają globalnie przy wsparciu klientów w sześciu krajach. Ich wizja skupia się na tym, by każdy projekt odmienić w wyniku skutecznej strategii zgodnej z aktualnymi trendami rynkowymi. Ich praca ułatwia biznes, inspiruje do nowych zachowań i zaspokaja potrzeby ludzi.
Pierwszą rzeczą, która rzuca się w oczy, jest wyjątkowa sekcja bohaterów, podzielona dość niekonwencjonalnie. Od momentu, gdy otwiera się mocną kopią, która stanowi wielkie wejście, do tego, jak wykorzystuje mocny, jasnoczerwono-pomarańczowy, strona internetowa oferuje odświeżające podejście dla agencji kreatywnych, które chcą się wyróżnić.
Elementy retro, animowanych komputerowo symboli, takich jak kciuk w górę, twarz z uderzeniem pięścią, szkice bazgrołów i animacje Lottie, łączą się, aby nadać witrynie zabawny klimat połączony z profesjonalnym dopracowaniem tekstu bezszeryfowego, dużą czcionką i płaskim minimalistycznym projekt. Sprytny efekt menu hamburgera w stylu retrospekcji przypomina trochę staroświecki program telewizyjny. Zauważalne jest również zastosowanie wielu CTA, ścieżek tekstowych oraz logo przypominającego uśmiech, podkreślającego beztroskie podejście do tej profesjonalnej branży.
Zwróć uwagę na zmieniający się kursor myszy w sekcji usług, który zmienia się na pomarańczowy, a także sprytny, dzielony trzystronicowy projekt strony internetowej, branding i marketing cyfrowy. Witryna ma ogólnie interaktywny i płynny wygląd, przyjemne użycie masek na wewnętrznych stronach i unikalne podejście do motywu od lewej do prawej.
Ulah to świeże podejście do wyróżniania się w konkurencyjnym krajobrazie agencji kreatywnych. Łącząc profesjonalne wykończenie z akcentami zabawnych przysmaków, agencja pokazuje swoją mistrzowską rękę, by inspirować, zachwycać i dostarczać.
Projekt i rozwój : Andres Florido Delgado – BangLUXOR
Temat : cześć
Wtyczki : Elementor Pro, Dynamicooo, nieograniczone dodatki, WProcket
Zobacz stronę na żywo
08
Disraptorzy
przez Amazual Media
Disraptors to grupa ludzi z różnych środowisk — VC, banki inwestorskie, startupy, organizacje pozarządowe i agencje kosmiczne. Razem stoją, podzieleni, czasem pracują nad innymi rzeczami. Tworzą zróżnicowaną flotę treści, Disraptors Summit wraz z finałem European Startup Championship jest naszą wizytówką. Ich podcasty, lokalne konkursy start-upów, hackathony i spotkania bez boiska to ich inne pierwszorzędne jednostki.
Pokazanie twarzy jednego z najbardziej znanych na świecie guru technologii podczas pokazu to mistrzowskie posunięcie, które nie wymaga wyjaśnień. Ze słynną twarzą Steve'a Wozniaka naklejoną na bohatera tuż obok jego marki i kluczowych postaci, jest to strategiczny sposób na pokazanie najlepiej sprzedających się punktów grupy bez przewijania widza.
Użycie czcionki bezszeryfowej „Chakra Petch” sprawia, że strona przypomina oldschoolowe linie kodowania, a tryb 13h (VGA 256 kolorów) wyraźnie przypomina oprogramowanie komputerowe z końca lat 80. i początku do połowy lat 90. grupa docelowa bez wątpienia byłaby pod silnym wpływem. Zauważalny jest również efekt pikselowej animacji komputerowej na wewnętrznych stronach.
Efekty przewijania i animacje, prosta kopia, futurystyczna kolorystyka i logo inspirowane welociraptorem mają silne poczucie przewijania. W rzeczywistości cała witryna jest inteligentnie skomponowana, aby zapewnić widokom silne poczucie dowodu społecznego poprzez znane ikony branży i sławnych partnerów.
Disraptors wykorzystuje mnóstwo przewijanych animacji, bardzo zgodnych z definiującą erę złotą erą komputerową, teraz zaktualizowaną o wygląd i styl pasujący do XXI wieku.
Projekt: Robin Steńzel
Rozwój : Amazual Media
Temat : cześć
Wtyczki : Dodatki Premium, Elementor PRO, ACF
Zobacz stronę na żywo
07
COMX
autorstwa Jordana Jenkinsa i Sama Carriera
COMX to niesamowita wystawa projektów cyfrowych obejmujących gry wideo, technologie interaktywne, animację i sztukę, wszystkie stworzone przez utalentowanych studentów Szkoły Technologii Gier Uniwersytetu Gloucestershire. Każdego roku studenci grupują się i testują swoje umiejętności, tworząc własne, oryginalne projekty, dzięki czemu COMX staje się unikalnym wyrazem kreatywnych, technicznych i kooperacyjnych talentów brytyjskiego uniwersytetu.
Kolor jest rozpryskiwany w całej witrynie, od subtelnych gradientów po żywe płótna o pełnej szerokości oznaczające sekcje. Zwiedzających przyciągnie również estetyczna struktura siatek skrzynek z zaokrąglonymi narożnikami, pasująca do ogólnego, gładkiego wyglądu i charakteru strony. Strona internetowa jest jasna, zabawna, żywa i przywołuje rodzaj dziecięcego zachwytu.
Każdy z bohaterów poszczególnych stron jest ozdobiony określonym kolorem; strona Nagrody w kolorze malinowo-pomarańczowym, strona Zespoły w odcieniu jagodowo-cerulesowym, strona Studenci w turkusowo-zielonej hybrydzie, strona COMX Live w odcieniu od niebieskawej do fioletowo-lawendowej, Galeria w kolorze królewskiej fuksji i różana mieszanka oraz strona logowania w fuzji z łososiem i atomową mandarynką. Każda z tych stron wnosi swoją własną osobowość i emituje własną energię.
Pojawiające się animacje tekstowe są używane na kilku stronach, które płynnie przepływają podczas przewijania, zwłaszcza na stronie z nagrodami. Każda z drużyn ma własną kolorystykę i przestrzeń, w której można szczegółowo opisać swoje unikalne cechy i cechy. Płaska konstrukcja strony internetowej w jakiś sposób działa, aby utrzymać cały system projektowania w ryzach.
COMX to podręcznikowy przykład tego, jak wspaniałe kolory mogą ożywić stronę internetową bez przytłaczania widza, ponieważ umiejętnie łączy elementy minimalizmu, płaskiej konstrukcji i gradientów. COMX jest tutaj, aby zagrać!
Projekt i rozwój : Jordan Jenkins i Sam Carrier
Temat : cześć
Wtyczki : Elementor, Elementor Pro, Anywhere Elementor, Anywhere Elementor Pro, ACF Frontend, Warunki dynamiczne, Niestandardowy interfejs użytkownika typu postu, Zaawansowane pola niestandardowe, LoftLoader
Zobacz stronę na żywo
06
BŁAGAŃ
przez Orlando Marconi
MESSS to brazylijska agencja kreatywna i studio składające się z zespołu niespokojnych profesjonalistów, gotowych na nowo przemyśleć komunikację marki swoich klientów w najbardziej oryginalny sposób. Od strategii do realizacji, włączania, wyłączania, a nawet poza atmosferą: obiecują pełne poświęcenie, aby głosy swoich klientów odbijały się echem daleko i szeroko. Oni myślą o przyszłości, ale rozumieją, czego marka potrzebuje od wczoraj. Dzięki bardzo uważnemu i niepowtarzalnemu wyglądowi udowadniają, że można zaskoczyć w szczegółach.
MESSS przedstawia dwa aspekty: Agencja + Studia, każdy z grupą docelową. Agencja obsługuje średnie i duże marki, które chcą wykorzystać „digital influencerów” do wykorzystania swoich kampanii i sprzedaży, podczas gdy Studio jest skierowane do agencji, które potrzebują firm produkujących filmy i zdjęcia do ukończenia kampanii.
Zaszczepiając wiarygodność kreatywnością, strona internetowa wykorzystuje minimalistyczny układ z bogatymi, żywymi mediami. Witryna agencji prezentuje swoją kreatywną stronę za pomocą pełnoekranowego filmu w tle, podczas gdy jej studyjny odpowiednik prezentuje swoje bogate portfolio. Na całej stronie widoczny jest dominujący neonowy różowy kolor, który został zastosowany na różnych elementach, na które ma wpływ logo.
W studiach przypadków istnieje ładna hierarchia, wyglądająca prawie jak blog. Przewijając w dół do stopki, widzowie zauważą ładną niestandardową animację Lottie, rysowanie linii w stylu dowolnym, świecące różowe cienie nad polami po najechaniu kursorem i objęcie samego słowa „bałagan”.
MESSS to strona internetowa, która przekazuje wiarygodność, a jednocześnie jest kreatywna i elastyczna w kreatywnym bałaganie, który idealnie pasuje do miejsca.
Projekt i rozwój : Orlando Marconi
Temat : cześć
Wtyczki : Elementor Pro, Crocoblock JetEngine, DynamicTags
Zobacz stronę na żywo
05
Salon kosmetyczny
przez OFFSCALE
Thea to ciepła, przyjazna, pełna pozytywnej energii przestrzeń, w której w portowym mieście Saloniki świadczone są usługi salonu kosmetycznego i produkty o wysokim standardzie. Grecki zakład przede wszystkim troszczy się o zadowolenie i obsługę swoich klientów i ciężko pracuje, aby zapewnić najlepsze usługi i produkty.
Grecja to słowo na tej wspaniałej stronie internetowej, które zostało pocałowane przez ocean. Stronę internetową otacza niepowtarzalny motyw kolorystyczny, nawiązujący do kamienistych wzgórz i turkusowych wód Salonik. Wprowadzając wiele elementów z bogatego dziedzictwa kulturowego Grecji, salon wykorzystuje je jako motywy na całej stronie internetowej.
Wyraźnie widać klasyczne greckie estetyki, takie jak rzeźby, ikony, guziki i ilustracje, ikony, guziki, ilustracje, obrazy i kształty masek inspirowane zarówno starym, jak i nowym. Kojąca czcionka oceaniczna jest również używana do przekazania wiadomości, a kobiece piękno jest umiejętnie celebrowane.
Nie ma punktów ani krawędzi, wszystko jest dopracowane. Wykorzystanie wyrzeźbionej kobiecej głowy, tułowia i dłoni to piękny sposób na podkreślenie oferowanych przez salon zabiegów na twarz, ciało i manicure. Salon wyraźnie chce, aby jego klientela czuła się tak bogata, jak mityczna bogini.
Ujednolicony język projektowania Thea jest tak kojący jak fale Morza Śródziemnego. Wplatając starożytny gobelin dziedzictwa w zabiegi kosmetyczne współczesnego świata, strona internetowa jest celebracją teraźniejszości, ponieważ jest hołdem dla jej słynnej starożytnej przeszłości.
Projekt i rozwój : Marios Natsos – OFFSCALE
Temat : cześć
Wtyczki : Elementor Pro, WP mail SMTP
Zobacz stronę na żywo
04
Wodo
autorstwa Shyama Singha
WODO to zespół pełnych pasji, kreatywnych myślicieli, doświadczonych przedsiębiorców i wysoko wykwalifikowanych menedżerów wspierających rozwój biznesu. Mieszkają w Indiach i współpracują z klientami na całym świecie, trzymają się podstaw kreatywnego projektowania stron internetowych i kampanii cyfrowych o wysokim ROI. W prostych słowach – znają grę polegającą na uruchamianiu biznesu online i rozwijaniu go do rentowności. Łącząc odpowiednie punkty dla firm swoich klientów, tworzą kompetentne cyfrowo rozwiązania, które mają wpływ.
Projekt strony inspirowany jest współczesnymi wytycznymi projektowymi, subtelnymi animacjami, mikrointerakcjami i podejściem mobile-first. Każdy użyty element został stworzony z myślą o spójnej tożsamości marki. Weźmy na przykład animowaną kulę, która wykorzystuje podświetlenia numeryczne z efektem karuzeli.
Gdy widz przewinie się w dół, zobaczy interaktywny emblemat z obracającymi się słowami. Tuż nad nim znajduje się unikalne menu w kształcie trójkąta hamburgerów, które po najechaniu kursorem zmienia łącza szybkiego dostępu na czarne. Warto również zwrócić uwagę na linie siatki na tle, które dodają stronie nieco stabilności i porządku.
Cała strona internetowa pokazuje, co może zaoferować agencja kreatywna z najwyższej półki. Wykorzystanie animacji Lottie i SVG do logo i ikon, a także luksusowej czerni połączonej z zabawną żółtą kolorystyką, pięknie kontrastuje z mieszanką chaosu i porządku na stronie. Tam, gdzie ma to zastosowanie, strony wewnętrzne pokazują również wrażenia mobilne bez konieczności opuszczania witryny. Podobnie wyniki studiów przypadku na stronie są miłym akcentem.
WODO wspaniale przekazuje swoją wizję i przesłanie marki wyraźnie poprzez każdy projekt, ze szczegółowymi stronami wewnętrznymi i wysoce dopracowanymi stronami głównymi z wykorzystaniem najnowszych osiągnięć nowoczesnego designu.
Projekt: Aravind Sudarsanan
Rozwój : Shyam Singh
Temat : cześć
Wtyczki : Elementor Pro, Jet Engine, sterydy dla Elementora
Zobacz stronę na żywo
03
Aiurri Montessori
przez Humanos Unidos
W hiszpańskim Aiurri Montessori stworzyli przestrzenie, które dzieci mogą poczuć, że są ich własne. Przestrzenie, które uwzględniają ich potrzeby, aby budować siebie i w których mogą swobodnie podążać za swoimi naturalnymi tendencjami, a tym samym rozwijać cały swój potencjał, podążając za swoim wewnętrznym nauczycielem. Pedagogika Montessori koncentruje się na integralnym rozwoju osoby od urodzenia, ufając jej potencjałowi i oferując troskliwą i opartą na rzeczywistości środowisko, aby każde dziecko stało się najlepszą osobą, jaką może być.
Uchwycając swobodę pedagogiki Montessori, witryna inteligentnie przedstawia swobodny moment na obrazie o pełnej szerokości w bohaterze strony. W otoczeniu żółtego pastelowego koloru panuje bardzo spokojna i przyjemna atmosfera tworzona przez projekt. Obrazy w wysokiej rozdzielczości zaangażowanych dzieci korzystających z różnorodnych zajęć edukacyjnych, a także uśmiechniętych nauczycieli wywołują poczucie ciepła i bezpieczeństwa, z którym rodzice mogą się od razu nawiązać.
Duża typografia, osobiste cytaty i minimalistyczna zmiana kolorów tworzą razem troskliwą, przytulną atmosferę, podobnie jak szczęśliwe, uśmiechnięte dzieci. Wykorzystanie spacji,
wielkie czcionki i osobiste cytaty Marii Montessori pomagają zilustrować skoncentrowane na dziecku podejście tej metody nauczania.
Każda z wewnętrznych stron ma nieco inny pastelowy kolor, który podkreśla inny obszar witryny, w tym odcienie żółtego, zielonego i różowego. Zwróć uwagę na logo serwisu, które wygląda jak litery namalowane kredką, która ponownie celebruje niewinność dzieciństwa.
Aiurri Montessori oferuje swoim docelowym odbiorcom przyjemne i opiekuńcze poczucie swojej rewolucyjnej metody, ukazując istotę swobodnej natury skupionych na dzieciach, prowadzonych przez dzieci klasach i zajęciach Marii Montessori.
Projekt: Benat Elizalde
Opracowanie : Miguel Angel Herrera – Humanos Unidos
Temat : GeneratePress
Wtyczki : Elementor Pro, dodatki Premium, WPML, niezbędne dodatki
Zobacz stronę na żywo
02
Deskorolka Traunstein
autorstwa Bene Hofera
Skateboarding Traunstein to świeżo założony klub, który jest bardzo zmotywowany do ponownego rozkręcenia sceny skateboardowej w niemieckim mieście i okolicach. Jej misją jest tworzenie miejsca i społeczności, w której każdy może czuć się komfortowo. To duża społeczność, która chce coś zmienić w Traunstein.
Pozostając wiernym swoim korzeniom, witryna dzielnie wykorzystuje wideo z kamery ręcznej jako pełnoekranowego bohatera. To sprawia, że czuje się przystępny dla lokalnej młodzieży. Zastosowanie asymetrycznej siatki również nadaje witrynie współczesny charakter.
Gdy odwiedzający najeżdżają na logo, zaczyna się ono obracać na ułamek sekundy, co po kliknięciu przenosi nas z powrotem na górę strony. Również niekonwencjonalna jest lista „wkrótce”, która dopiero po najechaniu kursorem pokazuje obrazy tego, co nas czeka.
Jedną z kluczowych cech strony jest jej wpływ na łyżwy. Od brutalistycznej typografii po logo rampy skateboardowej, po mnóstwo zdjęć i filmów umieszczonych na całej stronie internetowej. Kolor naprawdę pochodzi z multimediów, ponieważ subtelne płótno rtęciowe podnosi zawartość.
Skateboarding Traunstein dokładnie oddaje swoje podstawowe zasady zdobywania wsparcia dla większego skateparku, organizowania konkursów skateboardingowych i zapewniania nowicjuszom dostępu do lekcji jazdy na deskorolce z minimalistycznym podejściem, które pewnie wysuwa skateboarding na pierwszy plan.
Projekt i rozwój : Bene Hofer
Temat : cześć
Wtyczki : Elementor Pro, dodatki Qi, niestandardowe kursory WP
Zobacz stronę na żywo
01
Krawędź ZURU
przez Marca Day
ZURU Edge polega na tworzeniu nowej ery, przełomowych marek w dużych, ciężkich kategoriach dóbr konsumpcyjnych. Ich zespół jest zaangażowany w budowanie marek nastawionych na cel, które są istotne dla konsumentów z pokolenia Z i pokolenia Z. Są to marki, których wymagają klienci: marki z sercem, celem i wartością. Z siedzibą w Auckland w Nowej Zelandii, w ZURU Edge, budują marki jutra, a my dostarczamy je światu już dziś.
Pełnowymiarowy bohater wideo z portfolio jest olśniewającą harmonią kolorów i prezentuje szeroką gamę klientów agencji. Jest odrobina wspaniałości z filmem w wysokiej rozdzielczości, który nadaje im większy niż rzeczywisty wygląd i możliwości brandingowe. Jednak istnieje również poczucie przystępności, ponieważ elementy prostoty, takie jak stopka, strona kontaktowa i nadrzędne minimalistyczne podejście, uzupełniają głośniejsze funkcje witryny.
Płaski, minimalistyczny projekt wykorzystuje duże czcionki i duże obrazy, które są osadzone na czarnym płótnie w połączeniu, aby nadać mu współczesny wygląd. Ponadto projekt podkreśla obrazy i filmy, które nadają stronie kolor, z których większość jest zabarwiona neonowym filtrem. Nie zabrakło również subtelnych efektów przewijania, które zwracają uwagę na towarzyszący tekst.
Stronę internetową otacza uczucie tajemniczości ze względu na celowo ograniczoną galerię i minimalistyczny układ. Na przykład najechanie kursorem na puste pola w sekcji „Marki” spowoduje wyświetlenie odpowiednich obrazów. Podobnie strona internetowa „Nasze marki” oferuje również kuszący zwiastun swojego portfolio, zachęcający widza do kliknięcia. Szczegółowe strony wewnętrzne oferują głębszy wgląd w każdą kampanię, która ponownie opiera się na tej samej formule projektowania.
Tworząc marki jutra, ZURU Edge porusza się z energią, kierunkiem i tempem dzisiejszego świata; burzenie przestarzałych kategorii i wprowadzanie ich w XXI wiek dzięki markom kierowanym przez cel, innowacyjność i dane.
Projekt i rozwój : Marc Day
Temat : cześć
Wtyczki : Elementor Pro, Yoast, WP Rocket
Zobacz stronę na żywo