每月模板工具包#2:建立一个漂亮的健身网站

已发表: 2019-09-03

上个月,我们发布了 Elementor 模板套件月度系列中的第一个。 我们社区的反应非常惊人。 许多用户对这个版本非常兴奋,想要更多:

Introducing-Elementor

本月,我们决定调整并发布一个专门针对专业健身房的网站套件。 抓住你的蛋白质奶昔,弯曲那些二头肌并泵出铁! 这个工具包一定会让你大吃一惊。

该套件对所有 Elementor Pro 用户 100% 免费,包括:

  • 7 内容页
  • 页眉和页脚模板
  • 一个弹出模板
  • 一个 404 模板
  • 单个和存档模板
  • 约 60 张免费使用的 CC0 图像
  • 9 原始图标
  • 2个精心设计的联系表格
  • 广泛的动画和运动效果

为什么使用此套件

Why-Use-This-Kit

与我们之前的套件一样,我们在完善此模板套件的过程中没有偷工减料。 它不仅仅是为了吸引眼球而建造的。 以下是使 Elementor 的套件在模板海洋中脱颖而出的好处:

  • 专业设计——每个页面、部分和小部件都在使用和编辑时牢记最佳实践。
  • 丰富的元素- 该套件包含广泛的 Elementor 功能。 其中包括弹出窗口、混合模式、视差滚动、导航器等。
  • 图像优化- 所有图像尺寸均已优化。
  • 命名部分– 我们在导航器中为每个图层命名,因此您可以轻松地确定和挑选页面上的每个元素,并知道什么是做什么的。
  • 100% 移动响应– 所有资产的构建都考虑到了移动响应。

健身房模板套件:大胆而充满活力的设计

通过我们的每月模板套件,我们希望确保为用户提供广泛的设计。 这就是我们决定发布 Gym 模板套件的原因,它与之前的 Digital Agency 套件大不相同。

之前的套件简约而简单,而这一款则大胆,包括鲜艳的色彩和醒目的元素。 由于我们谈论的是锻炼和运动,因此我们已将运动融入模板中的许多元素中。 我们还包含了许多图像,因为运动和娱乐属于视觉类别。

明亮的蓝色和黄色霓虹色有助于大胆的设计。 它们也对应于运动员在世界各地的健身房中经常看到的颜色。
排版也适合我们的设计,并以“Racing Sans One”为特色。
该套件大胆、生动的设计可能使其难以针对其他领域进行定制。 但是,它可能非常适合教练、瑜伽和其他与活动相关的领域等主题。

让我们回顾一下资产,看看它包括什么。

健身房主页模板:酷视差效果

Home-page

你必须喜欢你在主页上看到的第一个英雄部分。 赤膊上阵、光着膀子的运动爱好者的形象不容忽视,立刻吸引了参观者的注意力。 消息传递符合相同的想法,带有激励力量的句子,例如“成为最好的自己”。

当您滚动时,图像会以模拟健身器实际运动的方式移动。

页面的其余部分有许多值得注意的元素,例如使用延续运动主题的微妙动画; 卡片式图像位于另一个之前,以及分隔页面上不同区域的分隔线。

关于和培训师页面:关注健身房工作人员

gym-about-trainer

您可以在 Gym 的关于页面中获得更多视觉效果。 该页面使用少量文字和大量图像讲述了我们健身房的故事,分布在小部件和背景中。

每个合适的健身房都应该突出其最有价值的财产——教练员。 在此模板中,我们重点介绍了我们的 TRX 培训师 Maria Morales。 该页面使用进度条描述了 Maria 的技能,并在底部包含另一个号召性用语。

课程和健身页面:显示信息的创造性方式

Classes

您是健美运动员还是更喜欢 CrossFit 的人? 在此页面上,您会发现一个不错的布局,可用于类、列表甚至帖子。 底部的推荐轮播是我们健身房有效性的社会证明。

尽管此页面是针对健身课程的,但它可以作为一个很好的示例,说明如何以访问者易于理解和阅读的方式构建内容丰富的页面。 每个部分的清晰分离,使用不同的背景颜色,以及图标列表、进度条、手风琴和分栏内容的巧妙使用,使这个页面看起来很棒。 该页面还包括一​​个粘性侧边栏,在访问者滚动时跟随他们并吸引他们注册。

定价、新闻和联系页面:完成套件页面

Blog+Post+contact+pricing

在这个页面中,我们重复了练习和滚动效果之间的匹配。 这有助于产生举重效果。 对于必须每天获得健身房更新的运动狂热者,我们创建了一个新闻页面,直观地显示最近关于健身的所有文章。

没有持续不断的新订户流量,任何健身房都无法生存。 这就是为什么我们的联系页面包含营业时间、联系表格、地址和其他联系方式的原因。

在你照顾好你的身体之前,先照顾好里面的东西(对不起,双关语)。

404页:图像作为“0”

该页面创造性地使用了我们的图像轮播,它被创造性地放置在构成 404 页面的“4”和“4”之间。

页眉和页脚:你不能错过那些霓虹色

Header+Footer

Gym 的头部是一个粘性头部,并遵循整个套件的相同设计。 对于页脚,我们进行了长时间的设计,其中包括 USP、联系方式、联系表格和社交媒体链接。

弹出:酷动画框

如果您单击标题中的加入我们链接,将出现弹出窗口。 对于这个套件,我们走出了通常装箱的弹出窗口,并为 Gym 的夏季特卖创造了一个更有趣的布局。

如何获得套件

一个精心设计的网站激发了一个精心设计的身体! 如果您拥有 Elementor Pro,那么您只需进入 Elementor,打开模板库,然后搜索“Gym”即可享受这款尖端套件。

您接下来希望看到哪些模板? 请在下面的评论中告诉我们。