2021 年 8 月的 Elementor 网站
已发表: 2021-09-14夏天可能已经过去,但本月精选网站的太阳从未落下,这些网站从美国明亮地升起,在英国迅速移动,在塞尔维亚、南非和印度达到顶峰,然后在澳大利亚找到休息。 闪耀着时尚的半透明大排版,投资于一流的摄像,装饰着丰富的图像,并打磨着精美的文案,我们八月的橱窗展示了这一季的时尚风格!
我们的特色网站包括草根足球(纯粹主义者的足球)推广、极简主义设计师家具、品牌营销、以类型为中心的创意媒体、环境教育、定制水配件、专业摄影、两个特别的创意工作室和一部获奖的独立电影。
让我们一起发现它们!
崛起的球员
通过热情
Rising Ballers 是英国最大的 Z 世代足球品牌。 他们紧随其后的是足球运动员(或“球员”),并在整个非洲大陆建立了无与伦比的关系。 这使他们能够讲述足球界一些最激动人心、最独特的故事,从而使他们拥有最活跃、最真实的社区之一。
他们目前在英国经营着四支有影响力的草根球队,由 100 多名男女球员组成。 成千上万的人通过他们的“Unsigned”和“Younger”节目在线关注他们的旅程。
单页网站使用具有主动滚动运动效果的视口模式,使眼睛轻松。 这也给人一种动作在你面前展开的效果,就像一场真正的足球比赛一样。
鉴于他们的目标受众年龄在 13-24 岁之间,该网站通过选择大排版和配色方案来唤起现代的外观和感觉。 在一片漆黑的画布上,霓虹绿和白色散落在页面的文字和图标上,给网站一种非常年轻、都市、草根的氛围。 带有彩色轮廓的大透明、空心字体给网站带来了时尚、现代的氛围。
访问者可以通过左侧以流畅的 san serif 字体书写的粗体粘性菜单轻松找到他们正在寻找的内容。 该网站以其引人注目的社交媒体图标为基础,与年轻人群有着明显的联系。
该网站的目的是品牌曝光,并通过其一系列的举措、证书、精美的拍摄和编辑的视频,实现了一个成功的目标。
设计与开发: Karen Sardaryan、Billie Argent – Passionate
主题:阿斯特拉
插件: Elementor Pro 的高级插件,Elementor 的附加组件
09
卢祖(电影)
通过 Jovan Lakic
Luzzu 讲述了 Jesmark 的故事,他是一名马耳他渔民,他正在努力应对他的 luzzu 木船新发现的漏洞。 勉强过日子,他看到自己的生计——以及他前几代人的家族传统——因收成减少、无情的捕鱼业和停滞不前的生态系统而受到威胁。 杰斯马克急需养活他的妻子和他们刚出生的儿子,他们的生长障碍需要治疗,他逐渐陷入非法的黑市捕鱼活动。
这部电影的网站创造性地运用了多次获奖电影中的元素,例如主人公的船。 Luzzu 的网站是 Sundance 久负盛名的评审团特别奖的获得者,它只有几页,但看起来像一个单页网站,包括一个带有炫酷“x”图标和悬停效果的粘性菜单。 社交媒体图标也替换为两个字母的复制文本
当 Luzzu 的预告片在背景中播放时,这部电影的标题以透明字体书写,让人联想到镜子中的画面。 这会引起好奇心和观众的好奇心。
使用的图像取自电影中的戏剧性时刻,部分颜色类似于主角的船。 甚至黑色的阴影背景也是夜晚大海的背景。
该网站使用 Elementor 的新自定义视频播放列表小部件以电影预告片启航和关闭。
设计与开发: Jovan Lakic – 一般情况
主题:你好
插件: JetEngine、JetTricks
08
类型部门
通过热情
总部位于英国的 Type Department 是专注于字体的创意媒体公司 TYPE01 的独立市场,被环球音乐集团、WIRED 和 Pentagram 的创意人员选中。 Type Department 是一个在线平台,来自世界各地创意产业的设计师和人们可以在这里托管他们的字体并将其出售给公众。
该公司之前在 Shopify 上建立了类型部门,要求网站拥有多供应商,并希望使用 Elementor 将其迁移到 WordPress。 一个经过深思熟虑的 WooCommerce 商店,用于购买字体,它精心地迎合了目标受众。
具有多个页面,典型的大型网站商店,很明显设计师在网站布局上投入了大量精力。 类型部虽然层次丰富,但结构清晰,层次分明。
网站上的微动画为这个小众市场增添了一点生机,蓝色、白色和黑色的高科技色彩主题也是如此。 事实上,蓝色之所以被广泛使用,可能是因为它象征着值得信赖的权威、权力和成功。
“先试后买”选项对于好奇的访问者来说是天赐之物,他们希望在准备好做出承诺之前先尝试一下他们的选择。 这是一个绝对了解其“类型”的网站。
设计与开发: Billie Argent – Passionate
主题:阿斯特拉
插件: Fontsampler、JetElements、JetEngine、JetWoobuilder、JetBlocks、WooCommerce、WooCommerce 插件
07
SJ冈萨加
通过全心创意
SJ Gonzaga 是一名专业摄影师,居住在澳大利亚悉尼安静的西郊,与各行各业的人一起工作。 他的职业是健康专家,喜欢冒险。 他的灵感来自于他对优质咖啡、日本威士忌、90 年代音乐、钢琴、任何运动、关于生活的愉快对话、蹩脚笑话和生活窍门的热爱。
最能描述 SJ 网站的词是优雅。 与定格动画视频、静止图像和电影视频华丽地分层。 这个温馨的小网站给人一种舒适而又无限的感觉。
颜色在散落着优雅的灰白色文字的厚黑色画布上表现得非常好。 斜体的巧妙使用是谨慎使用的,效果很好。 整个页面像微风一样轻轻移动。
该网站向下滚动很有趣,因为它突出了 SJ 的技能。 消失的标题和巧妙的文案创造了一个美丽、连贯的故事,适合那些寻找某人捕捉他们最美好时刻的童话般的结局。 即使是“关于”页面也感觉很个性化。 这让访问者了解他们将在重要日子与谁一起工作。 根据他的网站,客户可能会说 SJ 是一位值得抢购的专业人士!
设计与开发: Shelley Javier – WholeHeart Creative
主题:你好
插件: Jet Engine、Elementor Contact Form DB、Rank Math SEO、Really Simple SSL
06
卡萨设计
通过 Khayinso Kasar
Kasar Design 是一家专注于代码、设计和美学的创意工作室,是一家在网络开发和品牌推广方面拥有超过 5 年知识的小型工作室。 他们的总部位于印度新德里和乌克鲁尔,他们的目标很简单:创造出色的数字体验。
该网站在句子甚至单个单词中结合了两种类型的字体——Nior 和 Chaostic。 大尺寸的黑色字体与灰白色的帆布色调形成鲜明对比。 标题还采用了带有透明主体的现代轮廓。
诸如粘栏功能之类的滚动效果会显示彩色图像,给访问者一种好奇心。 这些图像还添加了华丽的色彩。 事实上,将光标移动到英雄部分的任何位置都会显示类似幻灯片的图像,这些图像像一叠卡片一样出现和消失。 同样,当光标悬停在汉堡图标上时,汉堡包图标会动画并摇晃。
很容易理解为什么 Kasar Design 已经获得多项奖项的提名,例如著名的“Awwwards”。 访问者都会同意这个网站绝对是赢家!
设计与开发: Khaysino Kasar
主题:你好
插件: Unlimited Elements、Rankmath SEO
05
聪明的碳
瑞安·斯彭斯和本·王尔德
总部位于英国的 Clever Carbon 的使命是以时尚、现代和相关的方式向人们传授他们的碳足迹。 最终,他们想要的是为所有人启用#clevercarbondecisions。 他们相信,通过向人们传授他们的碳足迹并帮助他们意识到他们首先拥有碳足迹,碳足迹数据实际上对消费者来说是相关的和有用的。
他们希望随着消费者变得越来越#carboncurious,更多的品牌将看到公布他们的碳足迹的价值,从而提高透明度和所有人的问责制。
正如我们所知,Carbon 是一种黑色、金属外观的钻石颜色,与这个希望激发积极的环境变化的多彩俏皮网站截然不同。
该网站设置在清晰的白色画布上,周围环绕着有趣、柔和的彩色图像,从而产生了一个充满活力、独特的网站。 友好的插图营造出一种易于理解的感觉,减少了所有行话。 这创造了一种欢迎的感觉,邀请访问者参加他们的详细测验结果页面。
插图与动画相得益彰,只有网站美丽、严肃的故事叙述才能与之相得益彰。 动画标题和悬停颜色地址弹出菜单增加了这种有趣的视觉体验。
Clever Carbon 提供 7 种不同的语言版本,以有趣、好玩、个性化的方式鼓励积极的环境变化。 现在,这是一个全世界都可以热身的信息。
设计与开发: Ryan Spence、Ben Wilde
主题: Neve
插件:强大的动态内容
04
手榴弹工作室
通过 Pixelshifter
总部位于澳大利亚的 Grenade Studio 采用战略性和精心设计的方法来创建各种规模的杰出品牌和活动。 对于他们的客户,工作室的工作也由战略思维来定义,以确保我们的创意成果满足他们的商业需求。 他们的目的是倾听和学习,超越显而易见的事物并共同努力为他们的客户带来改变。
欢迎是描述这个网站的英雄部分最合适的词。 全屏、高制作视频从字面上向网站访问者敞开了大门。 当然,这是有代价的,因为它会导致更长的加载时间并影响性能。 尽管如此,最终的结果确实令人叹为观止。
该网站的设计巧妙地结合了高清视频和图像,并配以巧妙的文案。 整个网站都有很强的真实感。 富有个性,装饰着温暖人心的图像,参观者会想与这个工作室合作。
全站独家使用独特的“Eina”字体,为网站本身增添了品牌感。
每个项目的页面都提供了一个同样引人注目的英雄部分,突出了项目的本质。 这与非对称项目网格、不同的对齐方式很好地结合在一起,并增加了流动性。
非传统的汉堡菜单使用可点击的三重奏“Strategic. 有创造力的。 自适应。 文本。 每个词都链接到工作室服务的不同领域。 这也是一种微妙的营销方式,因为它将这些词与品牌本身联系起来。
创造力的爆发是您对 Grenade Studio 网站的最好总结。 这是通过向访问者展示您在做什么而不是告诉他们可以做什么来展示品牌营销的完美示例。
设计与开发: Grenade Studio,Scott Ritchie – Pixelshifter
主题:你好
插件: Emage 悬停效果,Elementor 的 Fullpage
03
盐设计商店
未知设计机构
SALT 是一家南非商店,热衷于优秀的设计,致力于策划以设计为主导的最佳家具、灯饰和家居饰品。 他们精心挑选的系列反映了他们的理念和对设计精美、制作精良且经久耐用的产品的热爱。
一家设计商店巧妙地夸耀其极简主义设计,使用响应式网站散布着精致、微妙的动画。 设计体现在细节上,当涉及到巧妙切割成互补形状的图像时,这一点最为真实。 这可以通过 Elementor 的蒙版功能来实现。
该商店使用深色调色板,营造出久负盛名的高品质氛围。 因此,图像赋予了它活力。
点击“商店”会打开一个包含各种产品和类别的大型菜单,允许潜在买家查看所有产品,甚至搜索特定产品。
与其同名的香料不同,SALT 的网站没有任何粗俗之处。 它通过元素的正确组合无缝筛选无数细节。
设计与开发: Coenraad Sutton 和 Linel Louw——未知设计
主题: Astra Pro
插件: WooCommerce 的附加变体图片库、后退按钮小部件、CartFlows、iThemes Security Pro、TI WooCommerce Wishlist、WooCommerce、Yoast SEO、WP-Optimize – 清理、压缩、缓存
02
水印系列
通过克里斯莱特纳
在将近半个世纪的时间里,Watermark Collection 从纽约布鲁克林的一家小作坊发展成为一座占地 90,000 平方英尺的专门工厂。 他们汇集了 100 多名工匠,他们致力于创造大胆的设计、应用独特的饰面并为客户打造独特的产品。
该公司的所有产品均由实心黄铜制成,这在他们选择的配色方案中显而易见。 黄铜色突出了主要标题和 CTA,使它们突出显示。 这与奢华的黑色帆布和对比鲜明的白色文字形成鲜明对比。
该网站的英雄部分是使用 Serif 标题和 Sans Serif 文本的巧妙组合创建的。 使用的图像质量非常高分辨率,使 Watermark Collection 服务的外观和感觉几乎是有形的。
该公司认为,完善是一个只有通过时间和奉献才能学会的过程,网站的完善设计也是如此。 画廊的不对称砖石外观赋予它特殊的优势。 虽然背景叠加和图像提供了色彩飞溅。
该网站的文本使用现代的 Sans Serif 字体。 使用各种自定义字段结构非常好,它们的所有组件组合在一起以创建精美的设计,鼓励访问者成为客户。 Watermark Collection 是一个全方位的课程流。
设计与开发: Chris Lettner – 天气
主题:海洋WP
插件: Elementor 的动态内容、Ele Custom Skin Pro、Elementor 的 JetElements、JetEngine、JetSmartFilters、SEO 框架、Ajax Search Pro、Advanced Post Queries
01
超级发光
小加里·韦斯特 (Gary West Jr.)
Superglow 是一家总部位于英国的创意工作室,专门从事数字内容。 他们与艺术家、品牌和唱片公司合作,为发布、活动和活动创建视觉品牌、网站、社交内容和视频。 他们曾与一些世界上最好的唱片公司合作,例如环球音乐集团、维珍百代唱片、索尼音乐、华纳音乐集团、Interscope 唱片等。
如果您正在寻找完全符合其目的的主题示例,就是这样。 整个网站散发出一种充满活力的音乐杂志氛围,从明亮的粉红色和黄色到超大的文字。 图片同样以在线杂志的风格出现,完美地迎合了年轻观众的需求。
将鼠标悬停在文本上会更改其颜色或暂停其移动,例如英雄部分下方的移动标题。 将鼠标悬停在标题行为上会导致艺术家的照片出现。 就连鼠标旋转木马也以其柔和的粉红色引人注目地充满活力,不容错过。
“联系我们”按钮使用了生动的标志效果,从一开始就给人一种充满活力的感觉。 汉堡包菜单、旋转的“x”图标和动态菜单文本等微型动画都在悬停时激活,给人一种网站是最新的、正在发生的感觉,就像它的音乐产品一样。 闪闪发光的是 Superglow!
设计与开发: Gary West Jr.
主题:你好
插件: All In One WP Security、Simple Custom CSS & JS、SiteGround Optimizer、Yoast SEO