网站设计:3 个简短的网页设计案例研究(附前后图片)

TG Database is a platform for organized data management.
Post Reply
nishat@264
Posts: 264
Joined: Sat Dec 28, 2024 3:27 am

网站设计:3 个简短的网页设计案例研究(附前后图片)

Post by nishat@264 »

快速案例研究 #1:通过重新思考结账流程,汽车零部件网站的转化率提高了 54%
Steel Seal希望改造其网站,并聘请了MECLABS Institute重新构思网站设计。该团队认为网站的结账流程是一个机会领域。整个结账流程包含六个步骤。

创意示例#1:原始(控制)汽车零部件网站的结帐流程

创意示例#1:原始(控制)汽车零部件网站的结帐流程
在评估了与客户沟通和从客户处收集信息的必要性之后,该团队能够在重新设计的网站版本中将结账流程压缩为仅两个步骤。

创意示例#2:新(处理)汽车零部件网站的结帐流程

创意示例#2:新(处理)汽车零 印度尼西亚电讯报数据 部件网站的结帐流程
该团队进行了一项实验,以确定哪个网站和结账流程更有效。实验方案(两步流程)使转化率相对提高了 54%。

您可以在《网页设计的终结:不要为网页设计,要为思维设计》(MarketingExperiments,MarketingSherpa 的姊妹刊物)中了解有关此实验的更多信息,并查看其他网页设计实验。


快速案例研究#2:博客主页重新设计为软件公司带来了更多点击量
Wistia团队重新设计了这家视频软件公司的博客主页。

该团队希望简化设计,让访客更容易浏览和找到新内容。他们还希望提供更精心策划的内容体验,让他们有空间来推广自己亲手挑选的内容,而不仅仅是提供最新帖子的提要。最后,他们希望更多地关注视频内容,以吸引访客使用不同的媒介。

创意示例#3:软件公司的原创博客主页

创意示例#3:软件公司的原创博客主页
为了实现这些目标,类别标签被移至页面顶部,以便访问者轻松导航到特定的内容类别。

创意示例#4:软件公司新博客主页上的类别标签

创意示例#4:软件公司新博客主页上的类别标签
轮播中添加了专门的“编辑精选”,其内容会根据流行趋势不断变化。

创意示例#5:软件公司新博客主页上的“编辑精选”

创意示例#5:软件公司新博客主页上的“编辑精选”
添加了专门的视频区域来突出显示和展示视频内容;视频帖子用视频图标指示,并且鼠标悬停在缩略图中即可预览视频。

创意示例#6:软件公司博客主页上的热门视频部分

创意示例#6:软件公司博客主页上的热门视频部分
创意示例#7:软件公司的完整新博客主页

创意示例#7:软件公司的完整新博客主页
优先考虑类别标签可增加这些页面的流量。营销(流量增加 23%)、Wistia 文化(增加 22%)和生产(增加 17%)类别的流量提升最大。

此外,在评估新博客主页秋季发布前一个月和发布后一个月的数据时,团队注意到精选帖子的流量和精选视频的观看量都有所提升。每个帖子的百分比各不相同,从 2% 的提升到 256% 不等:

自己拍摄视频的最佳方式(观看次数从 2,404 次增加到 2,441 次,增长 2%)
如何构建多摄像机直播设置(观看次数从 2,338 次增加到 2,625 次,增幅 12%)
如何为直播成功做好准备(访问量从 134 次增加到 252 次,增幅 88%)
7 个关于在预算内制作视频系列的快速提示(访问量从 43 次增加到 95 次,增幅 120%)
发布播客前需要考虑的 6 件事(访问量从 65 次增加到 228 次,增幅 256%)
Post Reply