2022 年 2 月的 Elementor 网站
已发表: 2022-03-17今年的第二次展示证明了 Web Creators 可以期待的多样性,因为每个客户都有独特的需求。 本月的网站包括以童话为灵感的 NFT、尖端的供应链管理公司、各种创意网络机构和工作室、英语学校、涂鸦艺术家、蜡棉制造商和引以为豪的社区剧院。
记下鼠标、悬停和滚动效果的最佳实践; 研究如何在文本和背景中无缝地使用颜色组合; 了解微动画如何为网站带来活力; 查看文本大小和布局样式如何影响服务的氛围; 并体验巧妙的文案如何为任何网站内容注入活力。
看看庆祝原创性的精彩 2 月展示吧!
获取 Elementor Pro
10
阿尔达姆街头艺术
朱塞佩·坎贾诺 (Giuseppe Cangiano)

受到嘻哈文化的启发,Aldam 成立了一个团队,巩固了他致力于艺术音乐道路的愿望。 借助喷雾罐、麦克风、文字和绘画,他将愤怒、沮丧和悲伤等情绪转化为创造性的艺术作品。
一个可以让您在悬停时玩彩色喷漆的网站? 还有什么更适合涂鸦艺术家网站! 还可以看到动画的喷漆流周期性地从喷罐中喷出。 Aldam Street Art 是一个有趣的互动网站,它以动感十足的方式营造出活泼年轻的氛围。
按钮菜单使用与涂鸦艺术家工具包相对应的图标,并使用相同的四种颜色来突出显示网站上使用的每个类别。 在涂鸦页面上还有一个很好的粘性效果,每个涂鸦都整齐地堆叠在新的涂鸦下面。
在显示绘画页面的第二部分时,巧妙地利用了不对称性。 悬停效果用于在特定弹出窗口中打开的每幅主要绘画。 还有一个在页面上沿对角线移动的幻灯片。
Aldam 的作品有一个合适的网站,可以捕捉城市艺术和地下街头文化的精髓。
设计与开发:Giuseppe Cangiano
主题:你好
插件:Elementor Pro、dynamic.ooo
查看实时网站
09
珀西与约克
珀西与约克

Percy & York 是一家广告、创意和数字代理机构,以打破常规的思想而自豪。 当谈到沟通、活动、企业设计和品牌等话题时,他们会变得个性化,因为他们的热情是每次都为客户找到最好的概念。
该网站的配色方案可能是受该机构的德国血统启发,借用了黑色、红色和黄色以及淡淡的蓝色,并稍作改动。 大尺寸文本和背景同样使用现代色调。 水平滚动的使用很好地展示了他们最好的作品。
侧边栏有一个汉堡包菜单(有趣的是形状像一个汉堡包),并包括一个指向该机构的 Spotify 播客的链接,这是很少见的。 同样值得注意的是,有一些照片编辑使用了不同员工的配色方案,包括公司的狗 Matilda。
文本也会跨越背景颜色,但不会影响阅读体验。 这要归功于精心的颜色组合,它与每种主题的颜色都能很好地融合在一起。 还有一个很好的字体配对,大写字母用于标题,小写字母用于描述。
就像主页页脚上的布谷鸟喜悦一样,Percy & York 会让潜在客户在联系之前说“我们喜欢”。
设计与开发:Percy & York
主题:你好
插件:Elementor Pro、Borlabs Cookie – Cookie 选择加入、代码片段、Elementor 的基本插件 – Pro、Instagram Feed Pro Developer、MailPoet 3 Premium(新)、Elementor 的 OoohBoi 类固醇、WP Rocket、Rank Math SEO Pro
查看实时网站
08
哈雷史蒂文森
通过利亚姆博纳

Halley Stevensons 是世界领先的蜡棉和防风雨面料制造商和创新者。 作为一家拥有 150 多年专业知识的独立公司,该组织积累了独特的技术知识和制造经验。
公司的遗产融入了网站的结构,在主页上可以看到过去、现在和未来的片段。 即使在使用全角布局时,由于其淡淡的柔和色背景,该网站仍然给人以优雅的感觉。
手绘图像给人一种高端时装设计师工作室的外观和感觉,其严肃、干净、传统的风格也是如此。 单色配色方案还允许图案说话,因为设计不会分散内容的注意力。
大型菜单巧妙地使用了打蜡的棉质材料,顶部有水滴,展示了其防风雨的卖点。 这是突出产品独特性的好方法。
Halley Stevensons 的产品出口到世界各地,每个季节都在伦敦、巴黎、纽约、慕尼黑和米兰展出,Halley Stevensons 正确地让其世界一流的产品使用简单的界面来完成所有繁重的工作。
设计与开发:Liam Bonar – lbd.studio
主题:你好
插件:Elementor Pro、Yoast、WP Rocket、Autoptimize、ACF、Imagify
查看实时网站
07
格里安剧院
汤米卡拉汉 / Manna Design

格里安剧院因其成功的戏剧制作人积极庆祝其丰富的爱尔兰文化遗产而在区域场馆中脱颖而出。 多年来,它已经上演了许多全面的制作。 迄今为止,它的创意合作伙伴包括紫杉剧院公司、科克歌剧院、Pavilion 剧院、市民剧院和贝尔法斯特 The Lyric。
剧院庆祝当地、国家和国际艺术和娱乐活动,还以支持整个网站上的当地艺术家而自豪。 一个使用 Elementor 重建的网站,简约、美观、导航轻松,类似于文化杂志或博客。
扁平化、极简主义的黑白设计确保注意力完全集中在最新的新闻和内容上,从而为页面增添色彩和活力。 使用像报纸一样薄的排版,该网站的信息密集型方法使其更容易消化,并且可能迎合了可能不太喜欢技术的年长观众。
这是一个通过在不过分的情况下控制元素来为其当地社区受众服务的网站。 该剧院自豪地在其页脚展示了著名机构的广泛支持,是其社区的艺术和文化焦点。
An Grianan Theatre 是爱尔兰西北部旗舰场馆的旗舰网站。
设计与开发:汤米·卡拉汉
主题: 阿斯特拉
插件:Elementor Pro、高级自定义字段、JetEngine、JetSmartFilters、WooCommerce、WP Rocket
查看实时网站
06
砂砾工作室
通过克里斯福赛思

Grit 汇集了一群创意专家; 撰稿人、插图画家、视频制作人、动画师、摄影师和数字专家,他们与客户密切合作,提供有意义且有影响力的创意解决方案。
该网站使用不寻常的仰光绿色背景和独特的字体,以滚动动画和悬停动画为特色,以保持浏览者的注意力。 深色背景还赋予网站高端的外观和感觉,漂亮的衬线和无衬线配对确保副本具有良好的层次结构。
滚动效果的使用让观众有一种被带到类似于展览的旅程的感觉,每个项目都作为一个展示柜,而不是遵循典型的对称设计。 可点击的项目页面本身非常详细。 事实上,该网站有趣地提到了英雄本身的最新大项目 Momentum Podiatry。
极简主义让项目自己说话,较大的项目比较小的项目获得更多的房地产。 访问者还可以在其索引页面上查看工作室的整个作品集,将他们的完整作品集变成一个独立的页面。
虽然 Grit 可能认为自己是一个小型工作室,但其网站突出了强大的功能。
设计与开发:Chris Forsyth
主题:你好
插件:Elementor Pro、代码片段、Elementor 的附加功能、自定义帖子类型 UI、Elementor Pro 的 Piotnet 插件、简单页面排序、SVGator、Yoast SEO
查看实时网站
05
双点工作室
通过尼古拉斯迈耶

Studio DoublePoint 与各行各业的客户合作,为世界各地的用户服务。 无论是优化当前网站还是创建新网站,他们的网络服务都可以让客户增加他们的受众并获得更好的客户参与率。

该工作室使用强烈的色彩、滚动效果和 GIF,以有趣的方式展示其项目。 当我们向下滚动时,缩小效果的微妙使用和图像的增长是引起人们对工作室成功故事的关注的好方法。 还有一种漂亮柔软的 Sans Serif 字体,有助于突出网站的现代外观和感觉。
当您向下滚动时,背景颜色会从米色变为橙色,同时注意旋转的标志。 橙色是一种反复出现的颜色,用于突出显示关键区域。 在旋转联系 CTA 以及电子邮件和电话联系选项上也有很好的悬停效果。 项目页面的颜色同样借鉴了项目本身。
菜单使用漂亮的现代字体样式,悬停时带有空心轮廓文本,而工作室页面使用图形和 UI 设计师的静态面部图像,这些图像会根据随附的文本而变化。 这也显示了他的一点个性,使网站更具相关性。
Studio DoublePoint 为项目创建独特的身份,并使它们在网络上生存和发展。
设计与开发:Nicolas Meyer
主题:你好
插件:Elementor Pro、JetEngine、Premium Addons、WP Rocket
查看实时网站
04
逻辑
通过海姆贝尼斯蒂

Logico 提供基于商业智能的商业咨询。 他们将可靠和全面的数据与世界上最先进的优化工具相结合,并让国际专家陪伴申请过程。
Logico 的高科技网站由 Haim Benisty 建立,其投资组合网站在上个月的展示中亮相,Logico 的高科技网站使用高端背景视频定下基调,吸引访问者并突出其尖端技术。 蓝色的使用同样传达了技术和技术进步的信息,并被初创公司广泛使用。
滚动效果的使用将我们带入配送中心和办公室,同时突出显示该组织使用的几家国际航运公司。 每个房间都显示为 3D 模型,并突出其供应链管理服务,突出其卓越的运营。
视频展示了机器人如何运输物体,展示了该组织如何使用最先进的优化工具。 滚动条的使用非常漂亮,使页面几乎具有动画电影般的效果。 每个页面都使用擦拭效果打开,邀请观众进入,而“Logico”的“g”作为一致的过渡效果。
Logico 是一家充满活力和年轻精神的公司,在运营咨询领域带来了令人耳目一新的方法,其世界级网站有效地展示了其优势。
设计与开发:Haim Benisty
主题:你好
插件:Elementor Pro
查看实时网站
03
粉笔谈话
上瘾设计创意工作室

ChalkTalk 是两位长期同事的合资企业,他们受到多年与学生合作的经验和成功的启发。 两人想出了一个主意,即创造一个环境,让学生不仅可以学习语言,还可以在没有恐惧和压力的情况下交流想法,并丰富他们对其他人和文化的了解。
该网站巧妙地在每个页面中使用了四种颜色。 使用全局样式,可以无缝地更新和更改。 使用瓷器、那不勒斯黄、褪色绿、卓越(洋红色)的组合,网站背景的每个部分都会随着您的滚动而变化。
同样,悬停效果用于通过使用颜色和动画来吸引注意力。 从一个部分到另一个部分有无缝的过渡,带有微妙的过渡、涂鸦以及用作主题的引号。 还可以看到表示该网站的年轻目标受众的表情符号。
仔细观察,很明显,插图与文本相关联,并带有更个性化的副本,用于吸引观众。 菜单也很像老式的黑板,打开时会出现微动画。
ChalkTalk 将自己视为一所略有不同的英语学校,并且拥有一个打破常规的网站,这所学校无疑使自己与众不同。
设计与开发:Marko 和 Marija Djurdjevic
主题:海洋WP
插件:Elementor Pro、Ocean Extra、Quiz And Survey Master、MouseWheel Smooth Scroll
查看实时网站
02
眼珠子
通过一般条件和 Milkink 创意工作室

Eyepples 是数百种独特的 NFT 收藏品的集合,其灵感来自幻想世界、童话故事、黑暗美学、古典艺术和摄影。 这是一个围绕以太坊区块链构建的独特神奇项目,数字艺术、摄影和插图几乎像炼金术士的药水一样融合在一起。
您可能会在这个童话风格的网站设计上认出我们的 2021 年年终展示优胜者 General Condition 的独特指纹。 传说中的苹果类似于白雪公主形象中常见的苹果,唤起了童年的怀旧之情,就像故事书一样的文本居中对齐也是如此。
可以非常有效地使用文案来销售产品。 凭借魔法和童话的感觉、诙谐的短语和淡淡的营销常识,设计和文案完美融合,汇集了一个独特的世界,看起来像是迪士尼电影中的东西。
Apples(或者我们应该说 Eyepples)在整个网站上都很普遍,从在英雄上使用悬停效果到页脚。 尽管并非网站的每个元素都已上线,例如商店,但由于高质量的插图和故事讲述,Eyepples Apples 足以引起极大的热情和期待。
剩下的就是选择 Eyepple 并享受魔法。
设计与开发:Jovan Lakic 和 Stefan Kokovic
主题:你好
插件:Elementor Pro、Jet Elements、JetEngine、Premium Addons Pro、The Plus Addons for Elementor Pro
查看实时网站
01
桶式营销
由 Barrel Marketing Ltd. 提供

Barrel Marketing 是一家营销、视频制作和网络开发工作室,通过真实地讲述企业故事和提供独特的创意体验来帮助企业发展。 他们将伟大的想法变成连接品牌和客户的美好事物。
这实际上是该网站在重新设计后第二次出现在我们的展示柜中。 第一次是在 2019 年 9 月。当时的网站看起来大不相同,新设计同样符合标准。
使用有冲击力的副本与覆盖面具形状的华丽视频相结合,立即引起了人们的注意。 网站的简约外观和感觉,通过使用白色空间突出显示,赋予它现代氛围。 认识团队页面还表明该公司拥有有趣的氛围和热情好客的个性。
真实图像与颜色的组合有效地使用了杂志设计,给网站带来有趣、相关和友好的感觉。 展示其大牌客户也是获得社会认可的好方法,尤其是在页面的高处,这也增加了可信度。
在项目页面上,有一个很好的系统来展示挑战和解决方案,帮助潜在客户了解 Barrel Marketing 的流程。 背景图像和颜色也来自项目本身,表明进入网站的详细程度。 同样,联系页面也创造了一种很棒的视觉语言,例如伸手去拿电话的猫。
Barrel Marketing 通过创造性和战略性的解决方案来讲述企业的故事,并通过一个兼具创造性、趣味性和信息性的网站来帮助企业发展,客户将很快点击“发送”。
设计:丹尼尔·费萨
开发:Shayne Plesa-Naden、Daniel Fexa 和 Sebastien Ringuette
主题:你好
插件:JetEngine、JetSmartFilters
查看实时网站