跳转到正文
Lithe Agency

围绕品牌合作打造的创作者作品集。

内容风格、服务和联系方式集中呈现。这次改版以作品作为与品牌展开交流的起点。

查看对比

移动端性能评分:从 34 到 99。 在展示丰富视频内容的作品集旁,呈现 PageSpeed 实验室测试证据。 移动端、Moto G Power、Slow 4G。测试时间和 Lighthouse 版本不同(13.4.1 / 13.5.0);这些并非真实用户测量结果。

改版 / 首页打开图片查看完整页面

重点作品集网站设计、作品筛选和服务结构。

范围桌面端和移动端视图。

项目为洛杉矶创作者打造的作品集网站。
访问网站

移动端性能测试评分从 34 到 99。

改版保留了展示视频作品的空间。现有的两份 PageSpeed Insights 报告记录了改版前 34、改版后 99 的移动端性能评分。

改版前34
改版后99
移动端性能 评分范围 0–100 · PageSpeed Insights
实验室测试结果
指标改版前改版后
首次内容绘制 FCP6.7 s0.9 s
最大内容绘制 LCP11.3 s1.8 s
总阻塞时间 TBT1,390 ms10 ms
累积布局偏移 CLS,无单位00.028

两份报告都使用 Moto G Power 模拟设备和 Slow 4G 条件,测试页面首次加载。

这些是现有两份报告中的移动端实验室测试结果。测试时间和 Lighthouse 版本不同;两份报告均未提供真实用户体验数据。

这不是受控测试。CLS 从 0 变为 0.028,并非改善。实验室评分不能证明转化率提升,也不能证明真实用户的 Core Web Vitals 达标。

改版前

Lighthouse 13.4.1
改版前的评分和指标。打开完整报告

改版后

Lighthouse 13.5.0
改版后的评分和指标。打开完整报告

两张报告裁剪图均为 1050 × 1220 像素,以相同宽度展示。放大裁剪图可检查细节,也可打开完整报告截图。

内容原本就已存在。
改变的是结构。

原作品集已经包含作品、评价、服务和联系方式。改版调整了介绍顺序:先呈现个人简介,紧接着展示精选作品。

改版前

桌面端
个人介绍和多种内容示例共处于较密集的布局中。

改版设计

桌面端
人物肖像拥有独立空间,旁边介绍创作者的角色,并邀请访客查看作品。

两张页面首屏图均为 1920 × 1200 像素,以相同宽度展示。打开图片可查看完整上下文。

保留个人风格,
以作品为焦点。

深绿色衬托人物肖像与个人介绍。象牙白色板块为作品留出空间,衬线体标题串联各个板块。顶部的“View My Work”按钮邀请访客浏览作品集。

服务详情 / 首页裁剪图

每项服务都有独立说明。

Creative Strategy(创意策略)、Influencer Collaborations(达人合作)和 Social Media Management(社交媒体管理)分设独立板块,各自配有说明和照片。

访客看过作品示例后,可以在这里了解不同的合作类型。

适合手机屏幕的内容顺序。

视频内容丰富的作品集需要便于浏览的作品展示、清晰可读的文字,以及适合触控的操作控件。Google 的响应式设计指南有助于规划小屏布局;其 Web Vitals 指南说明了访客查看作品时,加载速度和响应能力为何重要。

在 Statcounter 的 2026 年八月全球样本中,移动端占页面浏览量的 49.36%。参见Statcounter 全球数据。这是全球网页使用情况的背景信息,并非该网站的受众构成。

在原版裁剪图中,多个元素集中在较密集的分栏布局里。改版后依次纵向排列个人介绍、按钮和人物肖像。

最新移动端截图中的作品仍采用两列布局;每项服务均有独立板块。

改版设计 · 330 × 825

首屏以相同尺寸显示。打开图片查看完整的手机端截图。

先展示作品和服务,再提供联系入口。

合作表单位于首页末尾。访客可以先了解作品集和服务,再讨论项目需求。

联系板块 / 界面截图

在展开交流之前,先用网站介绍作品。

Lithe 整理了视觉形象、作品和服务,为品牌判断合作是否合适提供依据。

截图记录的是界面。本案例未测试视频播放、表单提交或业务影响。截图中的广告活动数据和客户评价并非此次改版带来的成果。

聊聊您的网站

完整视图

是否允许 Google Analytics 统计访问、联系点击以及已启用的 CTA 测试?您的选择和测试分组最多保留 7 天。拒绝后仍可使用本网站。

隐私政策 · 您可以随时通过页脚设置更改选择。