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。
查看实时网站