瑜伽馆做线上,绕不开两件事:课要能约,周边要能卖。这套瑜伽与冥想 HTML 网站模板把这两条线接在了同一套会员体系里——课程有列表页和课程详情页,哈他、流瑜伽、阴瑜伽、冥想引导可以分门别类排期,详情页能写清时长、难度、所需器具与授课导师;商城这边有三列、四列、列表三种商品排版加商品详情页,瑜伽垫、平衡球、香薰蜡烛这类周边直接上架,购物车、结算、订单、下载记录、账号与收货地址一整套都在。导师页单独成列,个人风格与受训背景可以充分展开,这对以人带课的瑜伽馆很关键。会籍订阅页把单次、月卡、年卡分档摆清楚。首屏定位写的是「你的线上瑜伽之家」,配柔和的米色与低饱和绿,气质安静。另有独立落地页可用于单期课程的推广投放。同样的结构适用于普拉提、舞蹈、冥想与正念、健身工作室、绘画与乐器培训,乃至线上知识付费——共同点是靠课程和老师留人,再靠周边或会籍变现。
核心功能
课程两层结构:课程列表与课程详情页,可按流派、难度、时长分类
导师主页:单独的导师列表,受训背景与授课风格可充分展开
周边商城:三列、四列、列表三种排版加商品详情页,瑜伽器具直接上架
会籍订阅页:单次、月卡、年卡分档定价
完整会员中心:购物车、结算、我的账户、订单、下载记录、账号与地址编辑
服务项目页:私教、企业课、线下工作坊等可单独陈列
独立落地页:单页式结构,适合单期课程或训练营的投放承接
四种博客版式:左右侧栏、通栏与详情页,体式讲解与冥想文章都有位置
页面与技术规格
共 27 个 HTML 页面,含 2 套首页,资源包约 14.6 MB / 288 个文件
基于
Bootstrap 5.3.3,购物车与账户页面为原生栅格实现部分静态资源经
Vite打包产出动效
GSAP+WOW.js,轮播Swiper与Slick灯箱
Magnific Popup,数字滚动CountUp,含常见问题与联系表单页