2022 年 5 月的 Elementor 網站
已發表: 2022-06-13今年的第五個展示會引人入勝地挑逗不斷變化的設計趨勢,探索復古文化偶像的新變化,並頌揚微妙定制的被低估的力量。 梅的網站包括各種創意工作室和代理機構、強大的科技創業企業、大洋洲最受歡迎的夏季音樂節之一、大學數字展覽組合、感性的希臘美容院、草根滑冰項目和值得微笑的蒙台梭利網站.
發現僅在懸停時顯示空白網站內容的神秘動畫,記錄如何將經典設計實施到現代佈局中,了解如何將各種滾動和動畫效果融合在一起,研究如何通過隱藏內容來保持神秘感,並通過專門的內頁了解力量顏色對情感的影響。
這是您從 May 的優秀網站中獲得靈感的機會!
立即獲取 Elementor Pro
10
瀑布節
通過克魯克山代理
瀑布音樂與藝術節是一個為期多天的澳大利亞音樂節,每年新年期間在維多利亞、塔斯馬尼亞、新南威爾士和西澳大利亞各地舉行。 它是大洋洲最大的音樂節之一,匯集了世界上一些最大的表演。 該節日舉辦當代音樂表演、舞蹈、喜劇、戲劇、馬戲團、歌舞表演和其他藝術形式。 在音樂節上演奏的藝術家包括搖滾、嘻哈、獨立音樂、電子音樂、藍調和根音樂。
從音樂節海報中汲取靈感,該網站顯然旨在與年輕觀眾產生共鳴。 在漸變背景中實現懷舊的顆粒狀飾面,使頁面有點沙漠氣氛。
Falls Festival 採用大字體、極簡設計和高度移動響應模式,明確針對其目標移動優先受眾。 音樂節採用一系列顏色——粉色、橙色、黃色和藍色——根據其音樂目錄喚起能量和興奮的感覺。
深入研究其內頁,觀眾將能夠找到有關每位表演藝術家的信息,以及指向他們各個社交媒體句柄的鏈接。 提供曲目列表聲音的預告片,觀眾會發現嵌入的定制 Spotify 播放列表,包括復古的老式靜態視頻效果。
瀑布音樂與藝術節結合當代技術與核心人群對話,同時僅保留主要舞台內容。 經過兩年的沉寂,瀑布節再次準備就緒。
設計與開發:Brett Cruickshanks – Cruickshanks Agency
主題:你好
插件:Elementor、Elementor Pro、Nitropack、Rank Math SEO、插入頁眉和頁腳
查看實時網站
09
烏拉
由 BangLUXOR
Ulah 是一家西班牙創意機構,專注於為高影響力項目提供品牌諮詢、數字界面創建和營銷管理工具。 他們在六個國家的客戶的支持下在全球開展工作。 他們的願景側重於根據當前市場趨勢通過成功的戰略在每個項目中發揮作用。 他們的工作簡化了業務,激發了新的行為,並滿足了人們的需求。
打動觀眾的第一件事是獨特的英雄部分,它被打破得非常規。 從一開始,它以有力的文案大開眼界,到如何使用強烈的鮮紅橙色,該網站為希望脫穎而出的創意機構提供了令人耳目一新的體驗。
復古的計算機動畫符號元素,如豎起大拇指、用拳頭撞擊的臉、塗鴉草圖和 Lottie 動畫相結合,為網站帶來俏皮的氛圍,並融合了專業的無襯線文本、大字體和扁平的極簡主義風格設計。 巧妙的閃回式漢堡菜單效果感覺有點像老式電視節目。 同樣值得注意的是使用多個 CTA、文本路徑和類似於微笑的徽標,強調對這個專業行業的輕鬆態度。
注意服務部分鼠標光標的變化,變為橙色,以及巧妙的拆分三頁網頁設計、品牌和數字營銷。 該網站具有整體互動和流暢的外觀和感覺,在內頁上很好地使用了面具,以及對左右主題的獨特理解。
Ulah 是在創意機構的競爭格局中脫穎而出的一種新方法。 通過將專業的裝飾與俏皮的樂趣相結合,該機構展示了其在激發、愉悅和交付方面的精湛技藝。
設計與開發:Andres Florido Delgado – BangLUXOR
主題:你好
插件:Elementor Pro、Dynamicooo、Unlimited Addons、WProcket
查看實時網站
08
破壞者
通過 Amazual 媒體
Disraptors 是一群來自不同背景的人——風投、投資銀行、初創公司、非政府組織和太空機構。 他們站在一起,分開他們有時會做其他事情。 他們製作了各種各樣的內容,帶有歐洲創業錦標賽決賽的 Disraptors 峰會是我們的旗艦。 他們的播客、本地創業比賽、黑客馬拉松和無推介聚會是他們的其他主要工具。
在您的展示活動中展示世界上最著名的技術大師之一的面孔是無需解釋的絕妙之舉。 史蒂夫·沃茲尼亞克 (Steve Wozniak) 的著名面孔貼在其品牌和關鍵人物旁邊的英雄身上,這是一種無需觀眾滾動即可展示該集團最暢銷產品的戰略方式。
使用無襯線“Chakra Petch”字體使頁麵類似於老式編碼線,而 Mode 13h(VGA 256 色)顯然讓人想起 80 年代末和 90 年代中期的計算機軟件,該網站的目標受眾無疑會受到很大影響。 同樣值得注意的是內頁上的像素化計算機動畫效果。
通過滾動效果和動畫、簡單的副本、未來主義的配色方案以及受迅猛龍啟發的標誌,有一種強烈的滾動感。 事實上,整個網站都是智能框架,通過大牌行業偶像和著名合作夥伴提供強烈的社會認同感。
Disraptors 使用了大量的滾動動畫,非常符合定義時代的計算黃金時代,現在更新了適合 21 世紀的外觀和感覺。
設計: Robin Stenczel
開發: Amazual Media
主題:你好
插件:高級插件、Elementor PRO、ACF
查看實時網站
07
康克斯
通過喬丹詹金斯和山姆開利
COMX 是一個令人難以置信的數字項目展覽,涵蓋視頻遊戲、互動技術、動畫和藝術,所有這些項目都是由格洛斯特郡大學遊戲技術學院的才華橫溢的學生創作的。 每年,學生們通過創建自己的原創項目進行分組並測試他們的技能,從而使 COMX 成為英國大學創造性、技術和合作人才的獨特體現。
從微妙的漸變到生動的全寬畫布標記部分,整個網站都充滿了色彩。 訪問者還將被帶有圓角的方框網格的美學結構所吸引,與頁面的整體平滑外觀和感覺相匹配。 該網站明亮、有趣、充滿活力,並喚起了一種童趣。
每個頁面的英雄都以特定的顏色裝飾; 覆盆子橙色漸變的獎項頁面,藍莓天藍色色調的團隊頁面,藍綠色混合的學生頁面,藍紫色薰衣草混合的 COMX Live 頁面,皇家紫紅色的畫廊和玫瑰混合,以及三文魚和原子橘子融合的登錄頁面。 這些頁面中的每一個都帶來了自己的個性並散發出自己的能量。
淡入文本動畫用於多個頁面,在滾動時無縫流動,尤其是在獎項頁面上。 每個團隊都有自己的配色方案,並有空間詳細說明其獨特的特徵和品質。 網站的平面設計以某種方式可以控制整個設計系統。
COMX 是一個教科書示例,它巧妙地結合了極簡主義、平面設計和漸變的元素,華麗的色彩如何為網站帶來生機而又不會壓倒瀏覽者。 COMX 來玩了!
設計與開發:Jordan Jenkins 和 Sam Carrier
主題:你好
插件:Elementor、Elementor Pro、Anywhere Elementor、Anywhere Elementor Pro、ACF 前端、動態條件、自定義帖子類型 UI、高級自定義字段、LoftLoader
查看實時網站
06
混亂
奧蘭多·馬可尼
MESSS 是一家巴西創意機構和工作室,由一群躁動不安的專業人士組成,他們隨時準備以最原始的方式重新思考客戶的品牌傳播。 從戰略到執行,開、關,甚至超越氣氛:他們承諾全心全意地讓客戶的聲音得到廣泛的迴響。 他們對未來有自己的想法,但從昨天開始了解品牌需要什麼。 憑藉非常細心和獨特的外觀,它們證明了細節是可能的。
MESSS 呈現兩個方面:代理機構 + 工作室,每個方面都有目標受眾。 Agency 服務於希望使用“數字影響者”來利用他們的活動和銷售的大中型品牌,而 Studio 則針對需要視頻和照片製作公司來完成他們的活動的機構。
該網站以創意灌輸信譽,採用簡約的佈局和豐富的充滿活力的媒體。 該代理網站使用全寬背景視頻展示其創意方面,而其工作室對應展示其豐富的產品組合。 在整個網站上都可以看到一種占主導地位的霓虹粉紅色,用於受徽標影響的各種元素。
案例研究中有一個很好的層次結構,具有幾乎類似於博客的外觀和感覺。 向下滾動到頁腳,觀眾會注意到一個很好的自定義 Lottie 動畫、自由式繪圖線、懸停時框上發光的粉紅色陰影,以及“混亂”一詞本身的擁抱。
MESSS 是一個傳達可信度的網站,同時在完美到位的創意混亂中仍然具有創造性和靈活性。
設計與開發:奧蘭多馬可尼
主題:你好
插件:Elementor Pro、Crocoblock JetEngine、DynamicTags
查看實時網站
05
美容院西婭
由 OFFSCALE
Thea 擁有一個溫暖、熱情、充滿正能量的空間,在港口城市塞薩洛尼基提供高標準的美容沙龍服務和產品。 希臘機構首先關注客戶的滿意度和服務,並努力提供最好的服務和產品。
希臘是這個被海洋親吻的宏偉網站上的詞。 網站採用獨特的色彩主題,讓人想起塞薩洛尼基的石山和碧綠的海水。 沙龍從希臘豐富的文化遺產中引入了大量元素,將這些元素用作整個網站的主題。
古典希臘美學,如雕塑、圖標、鈕扣和插圖,受新舊啟發的圖標、鈕扣、插圖、圖像和麵具形狀清晰可見。 舒緩的海洋字體也被用來傳達信息,巧妙地慶祝女性美。
沒有點和邊,一切都是精緻的。 使用雕刻的女性頭部、軀乾和手部是突出沙龍提供的面部、身體和修指甲護理的一種美麗方式。 沙龍顯然希望它的客戶感覺像神話中的女神一樣奢華。
Thea 統一的設計語言就像地中海的海浪一樣舒緩。 該網站將古老的遺產織入現代世界的美容護理中,是對現在的慶祝,因為它是對其著名的古代歷史的敬意。
設計與開發:Marios Natsos – OFFSCALE
主題:你好
插件:Elementor Pro、WP 郵件 SMTP
查看實時網站
04
和多
通過 希亞姆·辛格
WODO 是一個由充滿激情、富有創造力的思想家、經驗豐富的企業家和高技能的高管組成的團隊,以協助業務發展。 總部設在印度,與世界各地的客戶合作,他們堅持創意網頁設計和高投資回報率數字活動的基礎。 簡而言之——他們知道在線開展業務並將其發展為盈利的遊戲。 通過為客戶的業務連接正確的點,他們創建了具有影響力的數字化解決方案。
該網站的設計靈感來自當代設計指南、微妙的動畫、微交互和移動優先的方法。 使用的每個元素都是在考慮到一個有凝聚力的品牌標識的情況下創建的。 以動畫球體為例,它使用帶有輪播效果的數字高光。
當查看器向下滾動時,他們會看到一個帶有旋轉字詞的交互式標誌。 它的正上方是一個獨特的漢堡三角形菜單,在懸停時,將快速訪問鏈接更改為黑色。 另外值得注意的是背景上的網格線,它為頁面增加了一點穩定性和秩序。
整個網站展示了高端創意機構能夠提供的服務。 徽標和圖標使用 Lottie 動畫和 SVG,以及奢華的黑色與俏皮的黃色配色方案,完美地對比了網站的混亂和秩序。 相關的內頁也展示了移動體驗,而無需離開網站。 同樣,頁面上的案例研究結果也很不錯。
WODO 華麗地通過每個項目清晰地傳達其品牌願景和信息,內頁細節豐富,主頁面高度拋光,採用最新的現代設計。
設計: Aravind Sudarsanan
開發:Shyam Singh
主題:你好
插件:Elementor Pro、Jet Engine、Elementor 的類固醇
查看實時網站
03
愛尤里·蒙台梭利
通過 Humanos Unidos
在西班牙的 Aiurri Montessori,他們創造了孩子們可以感受到自己的空間。 考慮到他們的需求以建立自己的空間,他們可以自由地追隨他們的自然傾向,從而通過跟隨他們內在的老師來發展他們的所有潛力。 蒙台梭利教學法著重於人從出生開始的整體發展,對他們的潛力充滿信心,並提供關懷和基於現實的環境,使每個孩子成為最好的人。
該網站捕捉了蒙台梭利教學法的自由,巧妙地在頁面英雄的全角圖像上呈現了一個自由流動的時刻。 被黃色柔和的色彩包圍,設計營造出一種非常平靜和愉快的氛圍。 參與各種教育活動的孩子和微笑的老師的高清圖像喚起了父母可以立即聯繫起來的溫暖和安全感。
大字體、個人語錄和簡約的顏色變化共同營造出一種關懷、舒適的感覺,就像快樂、微笑的孩子一樣。 空格的使用,
Maria Montessori 的大字體和個人名言有助於說明這種教學方法以兒童為中心的方法。
每個內頁都採用了略微不同的柔和顏色,突出了網站的不同區域,包括黃色、綠色和粉紅色的陰影。 注意網站的標誌,它看起來像是用蠟筆劃的字母,再次慶祝童年的純真。
Aiurri Montessori 通過捕捉 Maria Montessori 以兒童為中心、以兒童為主導的課堂和活動的自由本質的本質,為其革命性方法提供歡迎和培育的感覺。
設計:貝納特·伊萊扎德
開發:Miguel Angel Herrera – Humanos Unidos
主題:GeneratePress
插件:Elementor Pro、Premium Addons、WPML、Essential Addons
查看實時網站
02
滑板特勞恩斯坦
貝尼·霍弗
滑板 Traunstein 是一家新成立的俱樂部,它非常有動力讓德國小鎮和周邊地區的滑板運動重新煥發生機。 它的使命是創造一個讓每個人都感到舒適的地方和社區。 他們是一個希望在 Traunstein 有所作為的大型社區。
該網站堅守其根源,勇敢地使用手持攝像頭視頻作為其全屏英雄。 這讓當地的年輕人感到平易近人。 不對稱網格的使用同樣給網站帶來了現代感。
當訪問者將鼠標懸停在徽標上時,它開始旋轉一瞬間,點擊後,我們回到頁面頂部。 同樣非常規的是即將到來的列表,它只有在懸停時才會顯示未來的圖像。
該頁面的主要功能之一是其滑冰影響力。 從野蠻的排版到滑板坡道標誌,再到網站上隨處可見的大量圖像和視頻。 顏色真的來自富媒體,因為微妙的水銀畫布帶來了內容。
滑板 Traunstein 準確地抓住了它的創始原則,即為更大的滑板公園獲得支持、組織滑板比賽,並以極簡主義的方式為新滑手提供機會獲得滑板課程,從而自信地將滑板推向前台。
設計與開發:Bene Hofer
主題:你好
插件:Elementor Pro、Qi Addons、WP Custom Cursors
查看實時網站
01
ZURU 邊緣
馬克·戴
ZURU Edge 致力於在陳舊的大型消費品類別中創造新時代的顛覆性品牌。 他們的團隊致力於打造與千禧一代和 Z 世代消費者相關的目標驅動品牌。 這些是其客戶需要的品牌:有心、有目的、有價值的品牌。 總部位於新西蘭奧克蘭的 ZURU Edge,他們正在打造明天的品牌,而我們正在今天將它們推向世界。
全幅作品集視頻英雄是一種令人眼花繚亂的色彩和諧,展示了該機構的廣大客戶群。 高清視頻給人一種宏大的感覺,為他們的品牌塑造能力賦予了超凡脫俗的外觀和感覺。 然而,也有一種平易近人的感覺,因為諸如頁腳、聯繫頁面和壓倒一切的極簡主義方法等簡單元素補充了網站更響亮的功能。
扁平、簡約的設計利用大字體和大圖像,將它們設置在黑色畫布上,組合起來賦予它現代的外觀和感覺。 此外,該設計強調為頁面提供顏色的圖像和視頻,其中大部分都帶有霓虹燈濾鏡。 還有一個很好的使用微妙的滾動效果來引起對隨附文本的注意。
由於其故意限制畫廊和簡約的佈局,網站周圍有一種神秘的感覺。 例如,將鼠標懸停在“品牌”下的空框上會顯示其對應的圖像。 同樣,該網站的“我們的品牌”頁面也提供了其產品組合的誘人預告片,吸引觀眾點擊。 詳細的內頁提供了對每個活動的更深入了解,這些活動再次遵循相同的設計公式。
創造明天的品牌,ZURU Edge與當今世界的能量、方向和步伐一起前進; 以目標、創新和數據為驅動力的品牌,打破陳舊的品類,引領他們進入 21 世紀。
設計與開發:馬克日
主題:你好
插件:Elementor Pro、Yoast、WP Rocket
查看實時網站