Witryny Elementor z lipca 2021 r

W tej szczególnie gorącej porze roku nie szczędziliśmy ani kropli potu w naszej misji znajdowania niesamowitych stron internetowych do obejrzenia. Przeszukując najdalsze zakątki świata, udało nam się zebrać najlepiej zaprojektowane, unikalne i różnorodne strony internetowe, którymi możesz się zainspirować.

Nasz bogaty wybór obejmuje dziesięć nowych stron internetowych z ośmiu różnych krajów, rozmieszczonych na czterech kontynentach. Po raz pierwszy z radością ogłaszamy, że mamy zwycięzcę z Japonii. Jest to dla nas szczególnie ekscytujące, ponieważ odkryliśmy zupełnie nową kulturę projektowania stron internetowych.

Dowiedz się, jak możesz zabrać użytkownika w podróż i opowiedzieć historię za pomocą animacji lub jak możesz wywołać emocje spokoju lub ekscytacji za pomocą różnych schematów kolorów. Dowiedz się też, jak subtelnie używać ikon, emotikonów i typografii, aby przekazać swoją filozofię.

Od szybkich filmów, przez strony skupiające się na scrollowaniu, po te, które emanują elegancją — mamy je wszystkie, więc przygotuj się na miesięczną dawkę inspiracji.

Cieszymy się, że możemy rozpocząć pierwszą dziesiątkę od naszego pierwszego zwycięzcy z Japonii. Pochodzące z Osaki Graphity to studio projektowe specjalizujące się w brandingu, projektowaniu stron internetowych i grafiki, filmach i ilustracjach. Ich filozofia — projektowanie zabawy i wartość dla szczęścia wszystkich zaangażowanych. Po raz pierwszy prezentujemy japońską stronę internetową i jesteśmy bardzo podekscytowani.

Witryna otwiera się pełną szerokością sekcji bohatera, która pokazuje w tle nakładkę ich prac, a także wzór kropek w tle, który daje złudzenie kropkowanych notatników do projektowania stron internetowych, które tak lubią projektanci. Sprawia również, że tło wydaje się nieinwazyjne i nie odwraca uwagi od innych elementów. U dołu sekcji poświęconej bohaterom znajduje się pasek wiadomości wskazujący na ich blog, który jest kolejną świetną, nie rozpraszającą uwagi metodą wyróżniania wiadomości lub promocji.

Ich menu paska bocznego jest wydajne i kreatywne i zawiera trzy odniesienia do najważniejszych stron. Nad nimi znajduje się również przycisk hamburgera, który otwiera szersze okienko pop-up, bardzo przypominające struktury ze świata druku, w których znajduje się wyraźna siatka.

Przewijanie powoduje, że widz wchodzi w swego rodzaju grę, w której za każdym razem odkrywa coś nowego, niezależnie od tego, czy jest to jego dzieło, jego usługi, czy inne ważne cechy.

Aby jeszcze bardziej podkreślić ich kochającą zabawę naturę, można zajrzeć na ich stronę główną i strony poświęcone filozofii. Dolna część strony głównej działa jak stos kart ułożonych w stos podczas przewijania w dół. Prawie wszystko przypomina świat gier z przymrużeniem oka do prawdziwego świata. Na stronie poświęconej filozofii czcionka bardzo różni się od tej wyświetlanej na stronie i przedstawia coś bardzo ludzkiego. Ponadto sam tekst jest pełen humoru, do którego można się odnieść.

Ogólnie rzecz biorąc, witryna Graphity charakteryzuje się bardzo profesjonalnym językiem. Jest bardzo precyzyjny i bardzo szczegółowy (nawet do codziennej rutyny stażystów).

Projekt i rozwój: Kenji Matsuo

Temat: Witam

Wtyczki: Happy Elementor Addons, Premium Addons for Elementor, Sticky Header for Elementor

Brand Label to firma produkująca etykiety z siedzibą w Bukareszcie w Rumunii. Od ponad 15 lat specjalizuje się w dostarczaniu szerokiej gamy wysokiej jakości metek odzieżowych. Ich wyczucie stylu i dążenie do tworzenia wysokiej jakości etykiet widać wyraźnie w ich galerii, a asortyment oferowanych produktów (i materiałów) oraz strona internetowa tylko to poczucie wzmacnia.

Od samego początku sekcja bohatera na stronie głównej odciska idee stylu, krawiectwa i jakości jednocześnie. Logo marki wykorzystuje zabawną animację śledzenia myszy w postaci kropkowanej linii (motyw, który pojawia się w całej witrynie), aby wyraźnie nawiązać do wzoru szycia ich metek.

W samym środku sekcji bohatera nazwa marki jest wyraźnie zaznaczona dużymi, pogrubionymi literami, a za nią wizerunek etykiety. Jasna, pastelowa kolorystyka tworzy relaksującą i radosną atmosferę dla skądinąd nieciekawego tematu.

Sekcja bohatera oferuje ponadto wyskakujące menu (po przeciwnej stronie animowanego logo, ale w jakiś sposób uzupełniające i symetryczne). Menu jest bardzo dobrze wykonane, z kolorami widocznymi w całej witrynie, kropkowanymi liniami i odważną czcionką. Co więcej, przycisk jest lepki i zawsze widoczny podczas przewijania w górę lub w dół, co pozwala na lepszą nawigację.

Witryna korzysta z wtyczki tłumaczącej, która umożliwia użytkownikowi zmianę na jeden z trzech języków, co znacznie zwiększa grupę docelową. Wreszcie na dole znajduje się duża stopka zawierająca formularz ułatwiający komunikację.

Projekt i rozwój: Eugen Mischiu

Temat: Witam

Wtyczki: WooCommerce, Tłumacz WordPress

Z Niemiec mamy Brand Baker — agencję marketingu cyfrowego skoncentrowaną na Facebooku, która świadczy usługi marketingu cyfrowego, planowanie strategii cyfrowej, projektowanie i rozwój oraz nie tylko. Według nich „wychodzimy naprzeciw naszemu stale zmieniającemu się światu z niezbędną elastycznością, doceniamy indywidualne cechy naszego zespołu i podzielamy nieustanne dążenie do perfekcji”.

Ich strona internetowa jest zgodna z ich wizją elastyczności, ponieważ zawiera zarówno elementy klasyczne, jak i nowe trendy. Animowana ikona przewijania w żartobliwy sposób zachęca użytkownika do przewijania i cieszenia się animowaną historią, którą stworzył (coś, co zobaczymy ponownie później).

Podczas przewijania użytkownik spotyka się z delikatną animacją dużego tekstu i towarzyszącymi mu odpowiednimi filmami dla każdej sekcji, które są prezentowane w unikalnej, niejednorodnej siatce. Każda sekcja jest również oddzielona za pomocą różnych kolorów tekstu, dzięki czemu ta kompozycja zapewnia dynamiczny przepływ i przejrzystą hierarchię.

Projekt i rozwój: marka Baker

Temat: Witam

Wtyczki: Element Pack, Rank Math SEO PRO, Edytor klasyczny

SFG Tirol to galeria kamienia i płytek z Austrii. Ich usługi obejmują tworzenie koncepcji „szytych na miarę” (doradztwo w zakresie wyboru płytek) i wdrażanie tych koncepcji z wewnętrznymi glazurnikami. Chociaż jest to witryna biznesowa, zachowuje elementy kreatywne i delikatne tony.

Motyw kafelków rozprzestrzenił się po całym serwisie w formie geometrycznych kształtów (głównie kwadratów). Doskonałym tego przykładem są strony O nas i Inspiracje. Na stronie O nas zastosowano mozaikę obrazów i tekstu, celowo rozmieszczonych w taki sposób, aby sprawiały wrażenie kafelków. Z drugiej strony strona Inspiracje wykorzystuje galerię Elementora z efektem animacji do prezentacji zdjęć w niemal idealnych kwadratach, co ponownie daje złudzenie, że kafelki są umieszczone tuż przed tobą.

Kolorystyka strony to delikatna zieleń i szarość. Patrząc na nią, można poczuć naturę i być może ma to na celu pomóc czytelnikowi skojarzyć firmę przyjazną środowisku.

Jest fajne użycie opcji stałej pozycji obrazu, aby stworzyć efekt, w którym podczas przewijania w dół obraz pozostaje nieruchomy, podczas gdy otoczenie przewija się. Stwarza to wrażenie patrzenia przez dziurkę od klucza do domu, który być może jest połączeniem, które strona internetowa próbuje stworzyć w umyśle czytelnika — płytki = dom.

Nawigacja na stronie jest dobrze wykonana. Jest bardzo łatwy w nawigacji. Jest wyraźna hierarchia. Obrazy są prawdziwe (nie są zdjęciami stockowymi), wysokiej jakości i wyrazistości, aby zaprezentować usługi i produkty firmy oraz przyjazne usposobienie (spójrz na te uśmiechy!). Strona kontaktowa jest bardzo osobista i zawiera bardzo szczegółowy formularz wypełnić.

Projekt i rozwój: Raum 15

Temat: Witam

Wtyczki: Autoptimize, Borlabs Cookie, Header and Footer, Redirection, WP Mail SMTP

Somos Avocado to kreatywne studio prowadzone przez dwie młode kobiety — Alazne i Cris. Główny nacisk kładziony jest na design, a dokładniej — „dobry design”. Ich pragnieniem jest zapewnienie takiego rodzaju projektu, który komunikuje i służy określonemu celowi. Projektowanie oparte na słuchaniu, komunikacji i długotrwałych relacjach z klientami. Ich strona internetowa jest ucieleśnieniem tego nieogólnego podejścia do projektowania.

Od pierwszego wrażenia z sekcji bohaterów widać, że cenią sobie wyjątkowość. Wykorzystują unikalne czcionki na artystycznym tle z efektem animacji nakładki. Od samego początku czuć ich klasę i kreatywność.

Ale biała czcionka na czarnym tle nie jest wyjątkowa. To, co zrobili, to bardzo dobrze wykonane przejście. Jeśli przewiniesz w dół, zobaczysz, jak zmienia się projekt od czarnych, przez szare, do bardziej kolorowych — rozwijając ideę, że każdy jest wyjątkowy i że nie ma jednego rozwiązania, ale co więcej — że mogą dostarczyć każdy projekt .

W całym tekście są rozrzucone emotikony, a kiedy przejdziesz do strony Informacje, zobaczysz figurki Lego na obrazie Alazne i Cris. To wyraźnie pokazuje, że chociaż dziewczyny są profesjonalistami, nie są pozbawione charakteru (zabawnego i żartobliwego), którym być może chciałyby zaszczepić poczucie zażyłości i komfortu.

Projekt i rozwój: Somos Awokado

Temat: Witam

Wtyczki: CookieLawInfo, Sticky Header dla Elementora

Key International to firma inwestycyjna i deweloperska z siedzibą w Miami w USA z ponad 30-letnim doświadczeniem. Głównym celem serwisu jest podkreślenie zróżnicowanego portfolio firmy przy jednoczesnym nadaniu poczucia prestiżu i wysokiej klasy.

Aby w tym pomóc, szybkie fakty dotyczące nieruchomości są wyświetlane na karcie, która jest prezentowana użytkownikowi po najechaniu kursorem na każdą pojedynczą kartę. Dało to odwiedzającemu szybki wgląd w każdą nieruchomość bez konieczności ładowania całej strony.

Ponadto na stronach szczegółów nieruchomości prezentują każdą nieruchomość za pomocą najlepszych fotografii i renderingów za pośrednictwem galerii ACF, suwaka i pól obrazu. Aby zawsze prezentować lokalizację nieruchomości, wdrożyli lepki pasek boczny, który zawsze wyświetla te informacje w pionie, gdy użytkownik przewija stronę w dół. Na koniec wykorzystaliśmy dynamiczne warunki wyświetlania, aby pokazać lub ukryć różne obszary treści w zależności od dostępnej zawartości.

Strona jest dobrym przykładem minimalistycznego designu. Informacje są skoncentrowane, projekt jest przejrzysty i nie ma niepotrzebnego bałaganu. Ale minimalistyczny design nie oznacza, że ​​jest prosty. Witryna zapewnia poczucie prestiżu poprzez złotą kolorystykę i delikatne ikony.

Projektowanie i rozwój: Doodle + kod

Temat: Witam

Wtyczki: zaawansowane pola niestandardowe, niestandardowe typy postów, niestandardowa skórka Ele, elementy dodatku Elementor, dodatki do Elementora

BVM Beratung jest firmą konsultingową i usługową, która koncentruje się na organizacjach non-profit i osiągnęła wiodącą pozycję w krajach niemieckojęzycznych z ponad 3000 projektów. Branża doradcza wymaga profesjonalnej, biznesowej strony internetowej, ale fakt, że współpracują z NPO wymaga pewnego rodzaju znajomości i komfortu, a ta dwoistość jest pokazana w projekcie strony.

Branża doradcza wymaga profesjonalnej, biznesowej strony internetowej, ale fakt, że współpracują z NPO wymaga pewnego rodzaju znajomości i komfortu, a ta dwoistość jest pokazana w projekcie strony.

Ta dwoistość jest widoczna od samego początku. Z jednej strony kolorystyka i czarno-białe obrazy nadają bardziej biznesowego wyczucia, ale są też elementy żółtego (dla podkreślenia ważnych punktów). Dodatkowo, aby dodatkowo zapewnić poczucie zabawy, strona internetowa zaprasza użytkownika do interakcji z nią. Duża, żółta strzałka wskazuje na słowo Scroll, zapraszając użytkownika do rozpoczęcia historii strony. Cała ta strona dotyczy scrollytellingu.

Podczas przewijania pojawiają się animacje strzałek Lottie, wskazujące na nowo pojawiający się tekst (w okręgu, który jest tutaj powtarzającym się motywem). Historia się zaczęła. Gdy użytkownik przewija dalej, pojawia się więcej animacji wskazujących na więcej tekstu, podkreślających go i podkreślających historię tego konsulatu dla organizacji non-profit.

Język strony jest bardzo spójny w całym serwisie. Sprawia wrażenie całości i profesjonalizmu. Od powtarzającego się motywu koła, uzupełniającej się typografii, po czerń, biel, szarość i żółć.

Projekt i rozwój: Millefeuilles

Temat: Witam

Wtyczki: Elementor Block for Gutenberg, Accordion Blocks, Adminimize, Crocoblock JetEngine, Crocoblock JetSmartFilters, Dynamic Conditions, MouseWheel Smooth Scroll

Grupo Graphic to agencja reklamowa z Hiszpanii, która zajmuje się wszystkim, od reklamy zewnętrznej (na billboardach itp.), po reklamę w mediach, tworzenie stron internetowych, projektowanie graficzne i marketing cyfrowy. Celem ich strony internetowej jest wyraźne zaprezentowanie ich pracy i ducha kreatywności.

Witryna zaczyna się od bardzo kolorowego, szybkiego filmu. Film wyraźnie pokazuje ich umiejętności i być może jest skierowany do grupy docelowej młodszego pokolenia. Obrazy zmieniają się szybko, podobnie jak kolory, aby zapewnić poczucie pośpiechu lub ruchu. Można też wskazać podobieństwa między wideo a klubem nocnym.

Po przewinięciu w dół główne elementy projektu stają się bardziej widoczne. Czcionka to pogrubiona szeryfowa czcionka san. Większy niż zwykle się spodziewano. Towarzyszą temu gify z memami (naszym ulubionym jest francuski mistrz komedii — Louis de Funes) i ich twórczością. Wszystko w tej witrynie jest duże, od tekstu po obrazy i przyciski, a wszystko znajduje się w siatce pudełek.

Istnieje bieżący tekst oddzielający sekcje bardzo dużymi literami (w kolorze czarnym), który przywołuje wspomnienia z bieżącego tekstu w kanałach informacyjnych, które przekazują pilność i wagę. Na stronie panuje ciągły ruch i nie ma chwili nudy podczas jej odwiedzania.

Projekt i rozwój: Grupo Graphic

Temat: Witam

Wtyczki: wtyczki Jet firmy Crocoblock (silnik, inteligentne filtry, elementy), pamięć podręczna LiteSpeed, Yoast SEO, Permalinks Manager Pro