首页 / 案例展示 / 设计小咖
设计与数字艺术

有格调的设计素材资源站

设计小咖是设计师圈子的资源站。UI、Mockups、字体、教程和欣赏在同一套货架里。未登录的人先看到门。

货架只给会员。免费和付费在同一分类里切权,不是两套站。附件走独立域名,列表页不和文件下载抢。

实验室里打满分的,是这扇登录门,不是货架。

登录墙 未登录先看到门。货架只给会员。
权在主题里 免费和付费在同一分类切,不另做一套 VIP 站。
特色模块 深色三栏货架、分类二次筛、收藏和下载计数。
语言 中文站。圈子在国内。
响应速度 公开分测的是登录门。货架页不缓存,不当货架成绩。
附件独立域 文件走 asset.iamxk.com,列表 HTML 不跟下载抢。
有格调的设计素材资源站

案例概述

内容即商品。未登录的人先看到门。货架、分类和会员计数要在同一套站点里。

客户要的是一个设计师进得去、付得起、下得了的资源站。UI、Mockups、字体、教程和欣赏要在同一套货架。未登录的人不应白看货。

如果做成普通博客,封面密度不够,权也只能靠隐藏分类凑。如果另做一套付费站,免费和付费会裂成两个地址。

我们定制主题 xk-pro。深色首页、三栏货架、分类墙和会员中心是同一套站点。免费和付费在同一分类里切权。附件走独立域名。

做成之后:会员能按分类二次筛,能看见收藏和下载计数,能从顶栏去续费。未登录只看到门。公开测速必须写明测的是门。

方案与功能

门、货架、分类和会员在同一套主题里,不拆成两个站。

  • 未登录先看到门打开首页会进登录。内容即商品。公开测速只能报这扇门,不能写成货架成绩。
  • 深色三栏货架精选、最新、免费三栏。封面密度按素材站来,不用浅色企业壳。
  • 分类二次筛例如 Ui Kits 可按 APP、Web、线框图切,再按最新、精选、免费、付费切。权在主题里。
  • 会员中心收藏、下载、订单和常用功能在登录后的顶栏。续费不另开一个域名。
  • 附件独立域文件走 asset.iamxk.com。列表页只负责封面和筛选,不和下载抢带宽。

技术栈

轴心是权在主题里。登录墙、货架和附件域围着这件事选。

选择 理由 代价
PHP 7.4 + WordPress 货架、会员和订单要同一套后台 现网 PHP 低于官网 8.3
定制主题 xk-pro 素材封面要密度,浅色企业壳不够 列表页不缓存
WordPress 用户与订单 权、收藏、下载计数跟账号走 未登录看不到货架
登录墙 内容即商品 公开测速只能报登录页
附件独立域名 列表 HTML 不和文件下载抢 多一层跨域

Speed

设计小咖对外能报的,是登录门,不是货架。

实验室登录门桌面性能 94,无障碍 95,最佳实践满分,SEO 45——门页本来就没有给搜索引擎看的正文。移动性能 83。

货架页不缓存。谁把 94 分写成货架成绩,就是写错了。

登录门

桌面
100 性能
94 无障碍
100 最佳实践
54 SEO

LCP 362 ms · TBT 0 ms

移动
100 性能
94 无障碍
100 最佳实践
54 SEO

LCP 975 ms · TBT 0 ms

更新时间:26-10-12。数据源自闪电博实验室,基于 Lighthouse 实验室分、axe 无障碍,以及可选的 Chrome UX Report 真实用户数据。数据可能因不同的网络环境及设备,会有差异。参考《如何做到Google PageSpeed Insights测试满分》。

最终结果

未登录不能白看货。免费和付费在同一套分类里切。续费在顶栏。

权没有另做一套站

主题 slug 稳定。附件域分开。列表页不缓存,是给会员看新货,不是漏做缓存。

门、货架、会员在同一条路径

未登录看到门。登录后是三栏货架和二次筛。收藏和下载计数在会员中心。

业务上,交易留在本域

续费在顶栏。不把人推到第三方店铺看货。不编会员数。

还没做的

货架页没有可对外的实验室分数。SEO 45 是门页的真实分,不要改写成满分。

图库

相关案例