Witryny Elementor z lutego 2022 r
Opublikowany: 2022-03-17Tegoroczna druga prezentacja jest świadectwem różnorodności tego, czego mogą oczekiwać twórcy stron internetowych, ponieważ każdy klient puka do drzwi z wyjątkowymi potrzebami. W tym miesiącu strony internetowe obejmują inspirowane bajkami NFT, najnowocześniejszą firmę zarządzającą łańcuchem dostaw, różne kreatywne agencje internetowe i studia, szkołę języka angielskiego, artystę graffiti, producenta woskowanej bawełny i dumny teatr społeczny.
Rób notatki na temat najlepszych praktyk dotyczących efektów myszy, najechania kursorem i przewijania; zbadaj, w jaki sposób można płynnie stosować kombinacje kolorów w tekstach i tłach; zrozumieć, w jaki sposób mikroanimacje ożywiają stronę internetową; zobacz, jak rozmiary tekstu i style układu wpływają na atmosferę serwisu; i przekonaj się, jak sprytna kopia tchnie życie w każdy fragment treści witryny.
Zobacz wspaniałą lutową prezentację, która celebruje oryginalność!
Kup Elementora Pro
10
Sztuka uliczna Aldama
przez Giuseppe Cangiano
Zainspirowany kulturą hip-hopową, Aldam założył ekipę, umacniając swoje pragnienie poświęcenia się ścieżce artystyczno-muzycznej. Uzbrojony w puszki z aerozolem, mikrofon, słowa i obrazy, przekształca uczucia takie jak gniew, frustracja i smutek w kreatywne dzieła sztuki.
Witryna, która pozwala bawić się kolorową farbą w sprayu po najechaniu myszką? Co jeszcze byłoby bardziej odpowiednie dla strony internetowej artysty graffiti! Można również zobaczyć animowane strumienie farby w sprayu, które okresowo wystrzeliwują z puszki. Aldam Street Art to zabawna, interaktywna strona internetowa, która tworzy żywy, młodzieńczy klimat z dynamicznym akcentem.
Menu przycisków zawiera ikony, które odpowiadają zestawowi narzędzi artystów graffiti, z tymi samymi czterema kolorami, które są używane do wyróżnienia każdej kategorii używanej w witrynie. Na stronie z doodlami znajduje się również ładny efekt lepkości, w którym każdy doodle starannie układa się pod nowszymi.
Sprytnie wykorzystano asymetrię podczas wyświetlania drugiej sekcji strony z obrazami. Efekty najechania są używane na każdym z głównych obrazów, które otwierają się w określonym wyskakującym okienku. Istnieje również slajd, który porusza się po przekątnej w poprzek strony.
Prace Aldama otrzymują odpowiednią stronę internetową, która oddaje istotę sztuki miejskiej i undergroundowej kultury ulicznej.
Projekt i rozwój : Giuseppe Cangiano
Temat : Witam
Wtyczki : Elementor Pro, dynamic.ooo
Zobacz stronę internetową na żywo
09
Percy i York
przez Percy'ego i Yorka
Percy & York to agencja reklamowa, kreatywna i cyfrowa, która szczyci się tym, że myśli nieszablonowo. Podchodzą do tematów takich jak komunikacja, kampanie, design korporacyjny i marki, ponieważ ich pasją jest znalezienie najlepszego konceptu dla swoich klientów za każdym razem.
Kolorystyka witryny jest prawdopodobnie inspirowana niemieckimi korzeniami agencji, zapożyczając czerń, czerwień i żółć z odrobiną niebieskiego, a wszystko to z niewielkim akcentem. Współczesne odcienie kolorów są wykorzystywane w równym stopniu na dużych tekstach i tłach. Podobnie jak użycie przewijania w poziomie, które ładnie pokazuje ich najlepszą pracę.
Pasek boczny zawiera menu hamburgerów (co ciekawe w kształcie hamburgera) i zawiera link do podcastu agencji Spotify, który jest rzadko spotykany. Można również zauważyć, że istnieje pewna edycja zdjęć przy użyciu schematów kolorów różnych pracowników, w tym psa firmowego, Matyldy.
Tekst również przecina kolory tła, ale nie wpływa na wrażenia z czytania. Wynika to z starannej kombinacji kolorów, która działa i dobrze komponuje się z każdym z kolorów motywu. Istnieje również ładne parowanie czcionek z dużymi dużymi literami w tytułach nad małymi małymi literami w opisach.
Podobnie jak zachwyt kukułki w stopce strony głównej, Percy & York sprawi, że potencjalni klienci powiedzą „To nam się podoba”, zanim się z nami skontaktują.
Projekt i rozwój : Percy i York
Temat : Witam
Wtyczki : Elementor Pro, Borlabs Cookie – Cookie Opt-in, Code Snippets, Essential Addons for Elementor – Pro, Instagram Feed Pro Developer, MailPoet 3 Premium (nowy), OoohBoi Steroids for Elementor, WP Rocket, Rank Math SEO Pro
Zobacz stronę internetową na żywo
08
Halleya Stevensona
autorstwa Liama Bonara
Halley Stevensons jest wiodącym na świecie producentem i innowatorem w dziedzinie woskowanej bawełny i tkanin odpornych na warunki atmosferyczne. Jako niezależna firma z ponad 150-letnim doświadczeniem, organizacja zgromadziła unikalną wiedzę techniczną i doświadczenie w produkcji.
Dziedzictwo firmy jest wplecione w strukturę witryny, a fragmenty przeszłości, teraźniejszości i przyszłości są widoczne na stronie głównej. Nawet przy użyciu układu o pełnej szerokości witryna nadal wygląda elegancko dzięki jasnemu pastelowemu tłu.
Ręcznie rysowane obrazy nadają wygląd pracowni wysokiej klasy projektanta mody, podobnie jak jego rozsądny, czysty, konwencjonalny styl. Monochromatyczna kolorystyka pozwala również mówić wzorom, ponieważ projekt nie odwraca uwagi od treści.
Megamenu sprytnie wykorzystuje woskowany bawełniany materiał z kropelkami na wierzchu, które podkreślają jego odporność na warunki pogodowe. To dobry sposób na podkreślenie wyjątkowości produktu.
Dzięki produktom eksportowanym na cały świat i prezentowanym co sezon w Londynie, Paryżu, Nowym Jorku, Monachium i Mediolanie, firma Halley Stevensons słusznie pozwala swoim światowej klasy produktom wykonać całą ciężką pracę za pomocą prostego interfejsu jako uzupełnienia.
Projekt i rozwój : Liam Bonar – lbd.studio
Temat : Witam
Wtyczki : Elementor Pro, Yoast, WP Rocket, Autoptimize, ACF, Imagify
Zobacz stronę internetową na żywo
07
Teatr Grianan
autorstwa Tommy'ego Callaghana / Manna Design
An Grianan Theatre wyróżnia się wśród regionalnych miejsc ze względu na swój sukces jako producent teatralny aktywnie celebrujący bogate irlandzkie dziedzictwo kulturowe. Na przestrzeni lat wystawił wiele pełnowymiarowych produkcji. Do tej pory jej partnerami kreatywnymi byli Yew Tree Theatre Company, Cork Opera House, Pavilion Theatre, Civic Theatre i The Lyric, Belfast.
Świętując lokalne, krajowe i międzynarodowe wydarzenia artystyczne i rozrywkowe, teatr szczyci się również wspieraniem lokalnych artystów, których można znaleźć na stronie internetowej. Witryna przebudowana przy użyciu Elementora, która jest minimalistyczna, przyjemna dla oka, łatwa w nawigacji i przypomina magazyn kulturalny lub blog.
Płaski, minimalistyczny, czarno-biały design sprawia, że uwaga skupia się wyłącznie na najnowszych wiadomościach i treściach, co dodaje stronie koloru i energii. Wykorzystując cienką typografię przypominającą gazetę, podejście strony internetowej z dużą ilością informacji ułatwia jej trawienie i być może jest przeznaczone dla starszych odbiorców, którzy mogą być mniej skłonni do technologii.
Jest to strona internetowa, która służy społeczności lokalnej, kontrolując elementy bez popadania w przesadę. Dumnie prezentując w stopce swoje szerokie wsparcie ze strony znanych instytucji, teatr jest centralnym punktem artystycznym i kulturalnym swojej społeczności.
An Grianan Theatre to flagowa strona internetowa flagowego miejsca w północno-zachodniej Irlandii.
Projekt i rozwój : Tommy Callaghan
Temat : Astry
Wtyczki : Elementor Pro, Advanced Custom Fields, JetEngine, JetSmartFilters, WooCommerce, WP Rocket
Zobacz stronę internetową na żywo
06
Studio Grit
autorstwa Chrisa Forsytha
Grit skupia zespół kreatywnych specjalistów; copywriterów, ilustratorów, producentów wideo, animatorów, fotografów i ekspertów cyfrowych, którzy ściśle współpracują z klientami w celu dostarczania znaczących i skutecznych rozwiązań kreatywnych.
Wykorzystując niezwykły kolor Rangoon Green jako tło i unikalne czcionki, witryna zawiera animacje przewijania i animacje najechania kursorem, które utrzymują aktywną uwagę widzów. Ciemne tło nadaje również witrynie wysokiej klasy wygląd i styl, a ładne parowanie szeryfowe i bezszeryfowe zapewnia ładną hierarchię kopii.
Zastosowanie efektów przewijania daje wrażenie, że widz zostaje zabrany w podróż podobną do wystawy, gdzie każdy projekt pełni rolę wizytówki, a nie typowego symetrycznego projektu. Klikalne strony projektu same w sobie są misternie szczegółowe. W rzeczywistości strona internetowa ciekawie wspomina o swoim najnowszym dużym projekcie, Momentum Podiatry, w samym bohaterze.
Minimalistyczne podejście pozwala projektom mówić same za siebie, a większe projekty otrzymują więcej nieruchomości niż mniejsze. Odwiedzający mają również możliwość przeglądania całego portfolio studia na stronie indeksu, zamieniając swoje pełne portfolio na samodzielną stronę.
Chociaż Grit może uważać się za małe studio, jego strona internetowa podkreśla duże możliwości.
Projekt i rozwój : Chris Forsyth
Temat : Witam
Wtyczki : Elementor Pro, fragmenty kodu, dodatki do Elementora, niestandardowy interfejs użytkownika typu postu, dodatki Piotnet dla Elementor Pro, proste zamawianie stron, SVGator, Yoast SEO
Zobacz stronę internetową na żywo
05
Studio DoublePoint
przez Nicolasa Meyera
Studio DoublePoint współpracuje z klientami z różnych środowisk dla użytkowników na całym świecie. Niezależnie od tego, czy chodzi o optymalizację obecnych witryn internetowych, czy tworzenie nowej witryny, ich usługi internetowe pozwalają klientom zwiększyć liczbę odbiorców i uzyskać lepsze wskaźniki zaangażowania z klientami.
Wykorzystując mocne kolory, efekty przewijania i pliki GIF, studio prezentuje swoje projekty w zabawny sposób. Subtelne użycie efektów pomniejszenia z obrazami rosnącymi w miarę przewijania w dół to dobry sposób na zwrócenie uwagi na historie sukcesu studia. Dostępna jest również przyjemna, miękka czcionka Sans Serif, która pomaga podkreślić współczesny wygląd i styl witryny.
Kolor tła zmienia się z beżowego na pomarańczowy podczas przewijania w dół, gdy zwraca się uwagę na obracający się emblemat. Pomarańczowy to powtarzający się kolor podkreślający kluczowe obszary. Istnieje również przyjemny efekt najechania na obracający się kontakt CTA, a także opcje kontaktu e-mail i telefonu. Kolorystyka stron projektu podobnie zapożycza się z samych projektów.
W menu zastosowano ładną, nowoczesną czcionkę z pustym konturem tekstu po najechaniu na nią kursorem, podczas gdy strona studia wykorzystuje nieruchome obrazy twarzy projektantów graficznych i interfejsów użytkownika, które zmieniają się w zależności od towarzyszącego tekstu. To również pokazuje trochę jego osobowości, dzięki czemu witryna jest bardziej powiązana.
Studio DoublePoint tworzy unikalne tożsamości dla projektów i sprawia, że żyją i rozwijają się w sieci.
Projekt i rozwój : Nicolas Meyer
Temat : Witam
Wtyczki : Elementor Pro, JetEngine, dodatki premium, WP Rocket
Zobacz stronę internetową na żywo
04
logika
przez Haima Benisty
Logico zajmuje się doradztwem biznesowym opartym na analizie biznesowej. Łączą wiarygodne i kompleksowe dane z najbardziej zaawansowanymi narzędziami optymalizacyjnymi na świecie i pozwalają międzynarodowym ekspertom towarzyszyć procesowi składania wniosków.
Zaawansowana technologicznie witryna Logico, zbudowana przez Haima Benisty'ego, którego witryna z portfolio była prezentowana w zeszłomiesięcznej prezentacji, nadaje ton za pomocą wysokiej klasy wideo w tle, przyciągając odwiedzających i podkreślając najnowocześniejszą technologię. Użycie koloru niebieskiego również niesie za sobą przesłanie o postępie technicznym i technologicznym i jest powszechnie stosowane przez startupy.
Zastosowanie efektów przewijania przenosi nas do centrum dystrybucyjnego i biur, jednocześnie podkreślając kilka międzynarodowych firm spedycyjnych, z których korzysta organizacja. Każde pomieszczenie pojawia się jako model 3D i podkreśla usługi zarządzania łańcuchem dostaw, podkreślając doskonałość operacyjną.
Roboty są postrzegane jako transportujące przedmioty, ponieważ film pokazuje, jak organizacja działa z najbardziej zaawansowanymi narzędziami optymalizacyjnymi. Wykorzystanie scrollytellingu jest pięknie zastosowane i nadaje stronie efekt niemal animowanego filmu. Każda ze stron otwiera się za pomocą efektu wycierania, zapraszając widza do środka, podczas gdy „g” w „Logico” działa jako spójny efekt przejścia.
Logico to firma pełna energii i młodego ducha, która wnosi świeże podejście w dziedzinie doradztwa operacyjnego, a jej światowej klasy strona internetowa skutecznie eksponuje jej najmocniejsze strony.
Projekt i rozwój : Haim Benisty
Temat : Witam
Wtyczki : Elementor Pro
Zobacz stronę internetową na żywo
03
Rozmowa kredowa
przez Addictive Design Creative Studio
ChalkTalk to wspólne przedsięwzięcie dwóch wieloletnich kolegów, których zainspirowało wieloletnie doświadczenie i sukcesy w pracy ze studentami. Duet wpadł na pomysł stworzenia środowiska, w którym uczniowie nie tylko uczą się języka, ale także wymieniają się pomysłami bez strachu i presji oraz wzbogacają swoją wiedzę o innych ludziach i kulturach.
Witryna inteligentnie wykorzystuje cztery kolory na każdej ze swoich stron. Dzięki Global Styling można to bezproblemowo aktualizować i zmieniać. Wykorzystując kombinacje porcelany, neapolitańskiej żółci, wyblakłej zieleni, eminencji (magenta), każda sekcja tła witryny zmienia się podczas przewijania.
Podobnie efekty najechania kursorem służą do przyciągnięcia uwagi za pomocą kolorów i animacji. Istnieją płynne przejścia od sekcji do sekcji z subtelnymi przejściami, bazgrołami, a także cudzysłowami, które są używane jako motyw. Można również zobaczyć emotikony, które wskazywałyby na młodszą grupę docelową witryny.
Przyglądając się uważnie, widać wyraźnie, że ilustracje są powiązane z tekstem, a kopia jest bardziej osobista i służy zaangażowaniu odbiorców. Menu również przypomina staromodną tablicę, która otwiera się za pomocą mikroanimacji.
ChalkTalk postrzega siebie jako nieco inną szkołę języka angielskiego, a dzięki stronie internetowej, która łamie konwencje, szkoła zdecydowanie wyróżnia się jako klasa.
Projekt i rozwój : Marko i Marija Djurdjevic
Temat : OceanWP
Wtyczki : Elementor Pro, Ocean Extra, Quiz and Survey Master, MouseWheel Smooth Scroll
Zobacz stronę internetową na żywo
02
Oczy
przez General Condition i Milkink Creative Studio
Eyepples to kolekcja setek unikalnych przedmiotów kolekcjonerskich NFT inspirowanych światem fantasy, baśniami, mroczniejszą estetyką, sztuką klasyczną i fotografią. Jest to wyjątkowy magiczny projekt zbudowany wokół łańcucha blokowego Ethereum, w którym sztuka cyfrowa, fotografia i ilustracja łączą się ze sobą niemal jak eliksir alchemika.
Być może rozpoznajesz unikalne odciski palców General Condition, naszego zwycięzcy End-of-Year Showcase 2021, na tym inspirowanym bajkami projekcie strony internetowej. Legendarne jabłka przypominają te, które często widuje się na przedstawieniu Królewny Śnieżki i przywołują uczucie nostalgii z dzieciństwa, podobnie jak wyśrodkowanie tekstu, który wygląda jak bajka.
Istnieje bardzo efektywne wykorzystanie kopii do sprzedaży produktu. Dzięki poczuciu magii i baśni, dowcipnym frazesom i odrobinie marketingu, projekt i kopia pięknie łączą się, tworząc wyjątkowy świat, który wygląda jak film Disneya.
Jabłka (lub powinniśmy powiedzieć oczka) są powszechne w całej witrynie, od użycia efektów najechania na bohatera, aż po stopkę. Chociaż nie każdy element witryny jest jeszcze aktywny, na przykład sklep, Eyepples Apples robi wystarczająco dużo, aby wywołać wielki entuzjazm i oczekiwanie dzięki wysokiej jakości ilustracjom i narracji.
Pozostało tylko wybrać Oko i po prostu cieszyć się magią.
Projekt i rozwój : Jovan Lakic i Stefan Kokovic
Temat : Witam
Wtyczki : Elementor Pro, Jet Elements, JetEngine, Premium Addons Pro, The Plus Addons for Elementor Pro
Zobacz stronę internetową na żywo
01
Marketing beczkowy
przez Barrel Marketing Ltd.
Barrel Marketing to studio marketingu, produkcji wideo i tworzenia stron internetowych, które pomaga firmom rozwijać się poprzez autentyczne opowiadanie ich historii i tworzenie wyjątkowych i kreatywnych doświadczeń. Zamieniają wielkie idee w piękne rzeczy, które łączą marki i klientów.
To właściwie drugi raz, kiedy strona jest prezentowana w naszej prezentacji po przeprojektowaniu. Po raz pierwszy we wrześniu 2019 r. Strona wyglądała wtedy zupełnie inaczej, a nowy wygląd również spełnia oczekiwania.
Użycie mocnej kopii w połączeniu ze wspaniałym filmem pokrytym kształtami masek natychmiast przyciąga uwagę. Minimalistyczny wygląd strony, podkreślony wykorzystaniem białej przestrzeni, nadaje jej nowoczesnego charakteru. Strona spotkania zespołu pokazuje również, że firma ma zabawną atmosferę oraz ciepłą i zachęcającą osobowość.
Kompozycja prawdziwych obrazów w połączeniu z kolorami skutecznie wykorzystuje projekt zina, aby nadać witrynie zabawny, relatywny i przyjazny charakter. Wyświetlanie znanych klientów to także świetny sposób na uzyskanie społecznego dowodu słuszności, szczególnie wysoko na stronie, co również dodaje wiarygodności.
Na stronach projektu znajduje się ładny system prezentacji wyzwania i rozwiązania, który pomaga potencjalnym klientom zrozumieć proces Barrel Marketing. Obrazy tła i kolory pochodzą również z samych projektów, co wskazuje na poziom szczegółowości, który trafił do witryny. Podobnie strona kontaktowa tworzy również świetny język wizualny, taki jak kot sięgający po telefon.
Barrel Marketing pomaga firmom rozwijać się, opowiadając ich historie za pomocą kreatywnych i strategicznych rozwiązań, a dzięki stronie internetowej, która jest w równym stopniu kreatywna, zabawna i pouczająca, klienci szybko klikną „wyślij”.
Projekt: Daniel Fexa
Rozwój : Shayne Plesa-Naden, Daniel Fexa i Sebastien Ringuette
Temat : Witam
Wtyczki : JetEngine, JetSmartFilters
Zobacz stronę internetową na żywo