我平时有关注一些落地页设计方面的账户,邮箱会时不时收到他们的发布的一些案例。
今天邮箱又看到一个挺不错的优化分享,这里分享一下。

上面这个网站主要做的是牙齿养护相关的产品,其 HERO 区域的布局非常简单,常规的左边文案右边多媒体素材的布局。
其中文案部分就是标题加描述,外加一个中规中矩的 CTA 按钮。
说实话这种布局说不上多优秀,但采用这种经典布局去做页面时,至少该传达的信息都传达出来了,不会发生什么大的错误。
但如果愿意花精力去优化下这种首屏布局,对于提升整个页面的视觉层次与交互感官还是有不少帮助的。

比如上图是我看到的这个网站首屏上的设计优化,我觉得优化完后的效果虽然谈不上多惊艳,但要比原版好很多。
首先就是信任元素的植入,让人觉得访问的是一个比较正规的网站。
优化点一里面增加了网站的一些声明(比如免费配送、售后保障等等),优化点二里面直接给出了产品的评价数据与产品评级。
其次就是优化完后的布局,让人一眼就能看到重点。
黑色的标题文案与黑色的行动按钮给人很强的对比,外加模特手持产品的展示图片,能让人一眼就知道这个网站是卖什么的。
至于后续的优化点五与优化点六,则指引用户去到下一步的深层内页了。
所以通过这样一次简单首屏优化,视觉层次真的能提升好几个档次,那这块的设计投入就是值得的。
像上面这个案例是设计师专门分享出来的,如果我们预算有限没办法请专业人士去做这件事时,最简单的一个方式就是模仿。
类似这样的案例分享在网上有很多,多看多积累后便大体能建立一个这样的素材库。
当你想去做某一区块的设计时,直接去素材库里找一个心仪的目标,自己模仿着去布局就好了。






