2022 年 4 月的 Elementor 網站
已發表: 2022-05-17我們今年的第四次展示突出了現代網頁設計趨勢的精華、古老技術的獨特組合以及值得關注的經典元素的新演繹。 本月的網站包括技術組織、工業建築公司、房地產公司、品牌和設計工作室、教育企業、成熟的商業諮詢公司以及地中海島嶼最保守的秘密。
查看 Lottie 動畫的最佳用法，仔細研究滾動和懸停效果，從巧妙的顏色組合中獲得靈感，注意顯示關鍵信息的新方法，注意細微的設計調整，並學習使用全局自定義的力量造型，還有更多。
快來看看 April 的精彩網站！
立即獲取 Elementor Pro
10
Lumenvox
通過固體數字
LumenVox 通過 AI 驅動的語音識別和語音認證技術轉變客戶參與度。 其靈活、經濟實惠的技術使其用戶能夠輕鬆構建安全的自助服務和客戶代理交互。 而其全套語音和語音身份驗證技術，可幫助其用戶以速度和安全性建立牢固的客戶關係。
藍色鑽石和深靛藍色的組合營造出一種發光的環境，喚起一種未來主義的氛圍。 漸變色風格同樣會導致整個網站使用的霓虹燈效果，包括其插圖和充滿活力的英雄。 在語言、顏色和圖像方面，這是一個清晰統一的品牌。
Lottie 動畫的使用在許多產品頁面上營造出活潑的氛圍。 同樣，使用類似於電路板的線路來傳達高科技氛圍。 無襯線字體增加了網站的整體未來感，使用空白也是如此。
LumenVox 是一種發光的網頁設計，會發光和炫目。
設計： Curtis Renkiewicz 和 Barbara Morrigan – Solid Digital
發展: Dan Wright 和 Libertad Madrigal
主題：你好
插件：Elementor、Elementor Pro、ElementsKit Lite、JetElements、JetEngine、JetMenu、JetSmartFilters、JetBlocks、JetPopup、JetTabs
查看實時網站
09
場外系統
由 LBD 工作室
場外系統提供了傳統施工技術的創新替代方案。 憑藉在建築、技術、設計和消防行業的多年綜合經驗，它直接滿足了對節能建築系統日益增長的需求。 它的所有系統都旨在顯著減少浪費、時間和成本，同時提高標準並使客戶的生活更輕鬆。
該網站最令人印象深刻的功能之一是其令人難以置信的性能速度，這僅有助於突出該組織的尖端產品。 該網站的顏色、頁面和副本僅繼續突出顯示此消息。 穿過靜態佈局的是所有英雄視頻中都可以看到的細微運動背景。
黑色和黃色的使用往往意味著危險，然而，在這裡它被用來混合高端技術和創造力的火花。 如此之多，黃色的使用有效地吸引觀眾注意標題和號召性用語，清晰的菜單與不同的目標受眾對話，以及微妙的滾動動畫。
仔細觀察後，很明顯該徽標用於各種圖像蒙版，熟練地構圖英雄圖像。 同樣，巧妙地使用了總結技術規格的現代關鍵字樣式標籤。 同樣值得注意的是展示產品功能的熱點以及巧妙的滾動效果以突出產品功能。 主要優點很好地顯示為類似於社交媒體和關鍵字標籤的“標籤”，可以快速總結產品的最強點。
Off-Site Systems 稍微偏離中心，這使得它的目標受眾有雙重考慮。
設計與開發：Liam Bonar – LBD Studio
主題：你好
插件：Elementor Pro、Imagify、WP Rocket、Autooptimize
查看實時網站
08
夏尼亞房地產
通過 新鮮
XANIA 的所有項目都以現代建築語言和著名地點的複雜建築工作為特徵。 他們的現代豪華住宅項目承諾提供超一流的生活體驗。 這不僅在蘇黎世創造了高品質的住宅物業，而且首先是一種生活感。
現代、簡約、有點特立獨行的房地產是這個網站的全部內容。 該組織使用滾動講述以達到專家級效果，採用最新和現代元素來展示其令人驚嘆的特性。 該副本簡短，活潑，並且清楚地向其房主聽眾說話。
該標誌在整個網站中被創造性地使用，有時充當箭頭，有時表現為指南針。 還有每個位置的全幅全景圖像，展示了每個屬性的周圍環境。
在英雄中使用全幅視頻是一種吸引觀眾的絕妙方式，尤其是使用鳥瞰視角描繪了一幅宏偉的畫面。 該網站採用大字體、無襯線字體和空白區域，是利用現代網頁設計吸引現代觀眾的一個很好的例子。
XANIA 房地產與它引以為豪的瑞士風景一樣風景如畫。
設計： Adriana Ortner – sofresh digital
開發：羅伯特·庫茲曼
主題：你好
插件：Elementor Pro、Complianz Cookie Consent、MouseWheel Smooth Scroll、Rank Math SEO Pro、United Elements for Elementor、Woody Code Snippets、WP Rocket
查看實時網站
07
易捷航空
由鱷梨
Eatyjet 誕生於一系列災難性的不幸事件中：大流行、宵禁、酒店關閉以及搭乘第一架飛往格陵蘭島並徒步穿越峽灣的長期願望。 因此開始了通過盒子開始創建旅行的想法。 該項目的產生有一個明確的想法，即通過食物——味道、氣味、聲音、感覺和記憶——來生活在世界每個角落的文化中。
該網站採用了各種現代趨勢，如平面設計、鮮豔的色彩和大字體，面向精通技術的年輕受眾。 Eatyjet 的空白背景提供了呼吸空間，箭頭使導航更容易，透明的文本在整個頁面中喚起了現代的外觀和感覺。
一個不錯的感覺是背景顏色的細微變化——主頁採用了明亮的褪色橙色，預訂頁面使用了燃燒的沙色，關於我們的頁面使用了栗紅色，預訂頁面使用了金剛鸚鵡藍——綠色，而最後聯繫頁面以暗藍色繪製。
垂直且有些隨機的圖像尺寸被框起來為手機圖像，也許暗示了其美食的“Instagrammable”性質。 同時，懸停效果和粘性菜單的使用使其導航更容易，其 Instagram 頁面也採用相同的品牌語言，從而提供跨平台的數字體驗。
Eatyjet 是一種美味的口味，結合了令人垂涎的用戶體驗。
設計與開發：鱷梨
主題：你好
插件：高級自定義字段、Cookiebot、Elementor、Elementor Pro、Elementor 的 Sticky Header Effects、Yoast SEO、WP-Optimize、iThemes Security
查看實時網站
06
MSZ 實驗室
作者：馬泰奧·普蘭齊尼
MSZ Lab 是一家品牌推廣機構，由擁有熱情、好奇心、知識和專注於客戶服務的專業人士組成。 該團隊最初相遇、學習並分享了他們在活動組織、營銷、文案、設計、項目管理和網絡開發方面的經驗。 他們相信，如果安全是我們的力量，那麼他們的力量就是團隊。 建立一個以真實和持久的人際關係為中心的數字未來是他們的驅動力。
“愉快”是瀏覽 Mszlab 精美網站時想到的詞。 帶有千年底蘊的詼諧創意的華麗表達。 例如，關於我們部分使用表情符號和簡短的時間線，以易於理解的格式呈現公司的歷史。
優雅的襯線字體用於顯示其信息，而當代全角英雄與圖像幻燈片相結合，可以體驗公司的服務。 色彩繽紛的法師華麗地佈置在白色畫布上，絕不會讓人感到不知所措。
沒有一頁感覺太長，信息總是觸手可及。 網站的整體氛圍感覺輕盈流暢，有助於營造一種超凡脫俗的感覺。
Mszlab 是品牌推廣的傑作，巧妙地將自己定位為網頁設計平衡的基準。
設計與開發：Matteo Pranzini
主題：你好
插件：Elementor、Elementor Pro、UpdraftPlus – Backup/Ripristino、Elementor 的高級插件、WordPress 的 Facebook、GDPR 和 ePrivacy 的 Cookie 和同意解決方案
查看實時網站
05
Grupo Criativo
加布里埃爾·杜特拉
Grupo Criativo 是一家設計和品牌推廣機構，它相信沒有對產品價值週期的完整了解就沒有設計。 他們將設計師視為變革的催化劑，對於利益相關者和股東而言，任何變革都必須包含人員、流程和一致的可交付成果。
這是一個非常積極的網站，它在整個頁面中使用角框作為主題。 案例研究的內頁非常詳細，內容豐富，並加載了圖像。 每個頁面都展示了該機構參與的項目的多樣性。此外，該網站是多語言的，吸引了國際客戶。
主頁使用經過過濾的綠色疊加層，Lottie 動畫由一個變形成各種形狀的紅點展示。 事實上，紅色被用作在整個網站上顯示的 CTA 的最大效果。
全寬網站設計是一種很好的現代風格，內部頁面上的動畫標題和有力的副本也是如此，而服務頁面上的移動文本是一種快速重申公司服務的引人入勝的方式。
Grupo Creativo 是一個網站，通過優化極簡主義來巧妙地展示其最佳點，以講述其詳細的故事。
設計與開發：Gabriel Dutra
主題：你好
插件: Black Widgets, Honeypot for Contact Form 7, Modernaweb Plugin, WP ULike, MouseWheel SmElementor PRO, Custom post type UI, Premium Addons, Qi Addons, Wordfence Security, WebP Express, Polylang, Yoast SEO
查看實時網站
04
埃斯庫埃拉21
巴努卡工作室
Escuela21 與能夠提供包容、創新和優質教育的組織合作，作為推動社會進步和福祉的動力。 通過其全面的支持和轉型計劃，他們為其潛在的教育項目提供學校和演講中心服務和支持，以充分發揮其潛力。
該網站遵循清晰的排版層次結構和顏色和形式的自定義樣式。 Escuela 21 採用極簡主義設計和寬大的留白，不會因為過多的文本或元素而使頁面變得雜亂無章，目標是知識淵博的受眾。
來自世界各地的著名地標和紀念碑的使用與雜誌設計將它們聯繫在一起，感覺就像一個將世界聯繫在一起的全球聯繫。 事實上，該網站充滿了正面圖像，服務下的每個組織頁面都有自己的專用顏色主題。
使用顯示為信任徽章的著名客戶是一個不錯的選擇，下面的詳細案例研究也是如此。 現代無襯線字體和大空白是現代的，並忠實於他們的 21 世紀信息。
Escuela21 以色彩的爆發和對現代元素的巧妙運用推動其前進的道路，這些元素有助於分享其鼓舞人心的使命。
設計與開發：David Fernandez Grana – Banuka Studio
主題：你好
插件：Clear Cache for Me、Crocoblock、Polylang、Rank Math SEO、WP-Sweep、PublishPress Capabilities、GDPR Cookie Consent、Elementor Pro
查看實時網站
03
狼藝術
范妮·佩諾
Wolves Art 展示了南特創意設計師兼藝術總監范妮·佩諾令人印象深刻的作品集，她與企業、初創公司和個人合作。 Peneau 涵蓋了從創建圖表到通過插圖設計 Web 界面的各個領域。 她的目標是將客戶的世界轉化為引人入勝的圖像。 她被驅使著用她的想像力和大膽無止境地創造。
該網站最引人注目的元素之一是其獨特的排版，同時感覺功能現代和古典優雅。 將鼠標懸停在聯繫人菜單上時，整個配色方案會反轉，菜單也感覺不同。
黑色背景喚起一種久負盛名的高端外觀和感覺，這也有助於使色彩栩栩如生。 有一系列可見的懸停效果，例如圖像上的特殊自定義光標。
同樣可見的是滾動和縮放效果，以及明顯受徽標本身啟發的排版。 事實上，標誌本身就體現了細緻的書法。 整個網站還採用了一系列懸停效果，使其保持互動。
Wolves Art 充滿了個性和極好的元素，使其獨立成一個單獨的包。
設計：范妮·佩諾
開發：范妮·佩諾，羅南你好
主題：你好
插件: Yoast, ACF, Ele custom skin, Wp super cache, Site kit, Secupress
查看實時網站
02
參觀吉亞德伊索拉
通過旅遊製作
Guia de Isora 為您提供無數體驗。 Guia de Isora 市位於特內里費島西南部。 它是特內里費島五個最大的城市之一，由 17 個城鎮和村莊組成，從海岸延伸到中部高地。 有適合所有口味的選項，因此您可以根據自己的喜好進行選擇，讓您的訪問難以忘懷。
陽光明媚的歡迎是訪問者在網站和網站建立的島嶼上收到的。 專為遊客打造的全幅視頻提供了可以在地中海西班牙島上實現的活動的全景。 巧妙的手寫標語是一種很好的觸感，因為它創造了一種個人聯繫，給人一種誘人的感覺。
下一部分通過雲層提供島嶼的地形鳥瞰圖以及提供有關目的地的更多信息的 CTA。 Lottie 漢堡包也幾乎像打電話一樣邀請觀眾。 相比之下，頁腳就像大海帶走了大海的顏色。
整個網站使用了許多動畫和交互功能。 發現頁面採用現代關鍵字樣式標籤，這是一種顯示關鍵信息的獨特方式，可能受到社交媒體或 SEO 標籤的啟發。 這是快速呈現目的地亮點的有效方式。
Guia de Isora 是一束明亮的陽光，完美地捕捉到了這個溫暖迷人的島嶼，它向世界敞開了迷人的大門。
設計： Jose Toste – Travel Productions
開發：Ania Kawachi
主題：你好
插件：JetElements、Polylang、The Events Calendar Pro、WordFence、WP Rocket、Yoast SEO Premium、Simple Custom CSS 和 JS
查看實時網站
01
彈性發展公司
通過集體
Resilience Development Company 是一家以目的為導向、獨立擁有的培訓、指導和諮詢公司，其使命是改變生活和工作場所。 他們的輔導和培訓計劃通過科學支持的技能和可釋放潛力的沉浸式培訓體驗改變了人們的生活、工作和感受方式。 它們為變化和增長帶來的壓力、目標喪失和生產力等重大問題提供了屢獲殊榮的解決方案。
這可能需要一些鏡頭，但該網站實際上只使用了兩種顏色——深靛藍和苦樂參半的橙色——以各種組合，穿插著奇怪的白色文字。 圖像的選擇是智能的，用於與其配色方案無縫集成的過濾器也是如此。
與網站的現代氛圍相匹配，字體大、醒目且有效。 該副本以統一的語言講述了一個有凝聚力的故事，網站的文本層次結構同樣以易於理解的佈局站立。
文案很聰明且引人入勝，例如“是嗎？ 讓我們談談”和“不？ Let's Talk”表示公司隨時準備與您交談，無論您的想法或您在買方旅程中的哪個位置。
獎品的展示和信譽良好的客戶名單也是在頁面上使用非常高的社交證明的好方法，它可以讓觀眾保持參與並儘早增加可信度。 CTA 也做得很巧妙，因為它們被風格化為 URL 擴展。
Resilience Development Company 彎曲其強大的雙色手臂來支撐一個網站，該網站具有強烈的信息和堅固的設計。
設計： Incaloop
發展: Brian Mann – The Collective
主題：你好
插件：JetElements、Polylang、The Events Calendar Pro、WordFence、WP Rocket、Yoast SEO Premium、Simple Custom CSS 和 JS。
查看實時網站