玉溪国外有什么好的详情页设计网站,有血有肉有温度

上一篇文章介绍了如何规划网站骨架。 画龙画虎先画骨头。 那么,就用血肉填充这个骨骼吧。 那就是我们网站各详细页面的计划和制作。 今天一起学习看看吧。 如何策划每一个详细网页,如何决定网站的整体风格,制作他?

好的,别这么说,开始吧。

1 网站详情页规划

我们制作网站的产品详细页面时,并不是我们的运营者自己吭哧吭哧地操作,然后制作的。 我们将聚集4种人,一起参加网页制作:

1 .了解产品的人(协助项目经理专攻网站的内容和说明) )。

2 .了解顾客的人(营业员,他们总结顾客在意的地方。 因为他们在第一线和顾客进行交流) ) ) ) )。

3 .懂设计的人(视觉设计师) ) )。

4 .懂SEO的人(SEO优化工作人员,在保证文案专业性的条件下,也保证满足SEO的要求) )

然后,综合四者的观点,决定每一个详细的信息页的内容。 当然很多朋友是个人Soho,或者公司没有相关人员,所以不能进行这个过程。 但是,一定保证内容的专业性、解决客户的兴趣以及符合SEO的要求。 那么,让我们一起来谈谈如何规划几个重要的网页,他们的重点是什么,以及有哪些漏洞。

首页规划

的主页非常重要。 这里直接展示你们公司的产品和服务的地方。 直接输入域名和你的品牌名称的用户直接访问首页。 因此,首页的展示变得尤为重要。 我们把最重要的信息放在这里。 以下整理了我首页的版面设计示意图。 仅供参考:

第一栏:我们一般会在第一栏放一些Banner图片

其中包括最受欢迎的产品、最重要的服务或公司的重要活动(如在某个时间参加行业展览会信息)

有血有肉有温度,英文独立站详情页的策划与设计

第二栏:一个公司的简介

在这里,我们简单介绍一下自己公司和产品的优点,放一个提高可靠性的文案。 重要的文字和符号可以强调。

有血有肉有温度,英文独立站详情页的策划与设计

第三栏:公司的一些产品

这里面有客户咨询最多、最受欢迎的几个产品。 为什么要添加呼叫至操作按钮,当然是为了让客户看到产品后可以立即联系我们。

有血有肉有温度,英文独立站详情页的策划与设计

第四栏:服务

之后,我会登载我们制作的服务。 例如,除了标志之外,我们还可以提供白板解决方案和定制服务。

有血有肉有温度,英文独立站详情页的策划与设计

第五栏:客户使用产品的应用场景

这个主要目的是想体现自己产品的使用场景,和引起顾客的共鸣,让顾客觉得,哇,这就是我想要的产品,好像是为我定制的一样。

有血有肉有温度,英文独立站详情页的策划与设计

第六栏:公司的荣誉与证书

这一块承载着公司的荣誉和证书,如工厂的ISO9001、ISO14001、ISO13485、UL和产品的CE、FCC级证书等,增加公司的真实性,增加顾客的信心,增加顾客的信任

有血有肉有温度,英文独立站详情页的策划与设计

第七栏:News

这个可以刊登我们公司的消息。 我主要刊登了三篇文章。 仅供参考:

第一条新闻:我们公司加入了一个非常厉害的行业协会

第二篇新闻:我厂过了含金量管理体系

第三篇新闻:强调产品是如何在我厂制造的,质量管理,产品可追溯性

有血有肉有温度,英文独立站详情页的策划与设计

第八栏:询盘表格

通过简单的咨询表,可以让客户进行咨询。

有血有肉有温度,英文独立站详情页的策划与设计

我的行业是比较专业的行业,这个主页也可以作为参考。 我想提供一些帮助和启发。

产品聚合页

产品聚合页通常是集合了某种特性的产品,如产品:降噪蓝牙耳机。 虽然可能有很多型号和样式,但在这种情况下,我们将制作降噪蓝牙耳机的聚合页,并将其复制,然后让该产品聚合页参与排名。 为什么要用这个聚合页面参加排名? 因为比起单一的产品,给了用户更多的选择。 改变客户的可能性也变高。 那个聚合页的样式我一般用线面的样式。 在产品宣传的最后制作长拷贝。

第一栏:登载背景和几种产品的集体照片组合的标题、简单介绍

有血有肉有温度,英文独立站详情页的策划与设计

第二栏:直接放入我的产品

有血有肉有温度,英文独立站详情页的策划与设计

第三栏:下面放置几千字的长拷贝,用于SEO排行榜。 当然,也可以注意用户体验,添加Learn more等按钮。 请勿影响客户的咨询。 因此,一般要放置浮动的呼叫表,按照客户的画面进行操作。

有血有肉有温度,英文独立站详情页的策划与设计

我认为这是一种兼顾用户体验和SEO排名的优秀的产品聚合页面风格。 请大家参考。

产品详情页规划

对我们b方来说,实际上不推荐进行那些五花八门的页面效果。 目标是简单大方,干净最好。 页面效果过多不仅会影响速度,移动端不仅要适应这些(特别是偏向产业技术类),还需要在2021年更新“优先索引移动版网站”的算法,移动端非常我们只要表现自己产品的优点、特性就行,强调有重点的东西。 请务必将整个网站提供给客户:专业性,真实性,统一性。 以下是我的产品详细页面布局,我的是偏技术类产品,仅供参考。

第一栏:产品简介

不用说面包屑导航,可以通过插件Yoast添加。 除此之外,在第一栏中添加产品轮播图像,展示产品图像的特征。 SEO的标题当然也是五六点浓缩的产品的好处会继续下去。 这些好处是客户关心的一点。 关于如何获得这些要点,可以通过许多客户的邮件进行总结,也可以与业务进行交流。

有血有肉有温度,英文独立站详情页的策划与设计

第二栏 产品简述

这个主要目的是为了SEO的效果,是为了关键词排行榜,但是也不能随便写,所以简单介绍一下自己的这个产品。 最好结合SEO和产品的特性进行书写和精炼。 不要因为SEO而长句,不影响用户体验,不影响转换,写300个词以上就行了。

有血有肉有温度,英文独立站详情页的策划与设计

第三栏:产品参数

可以总结展示几个自己产品的参数,总结简单的概要,也可以用文章来提高字数。 但是,请不要写得太多。 过犹不及。

有血有肉有温度,英文独立站详情页的策划与设计

第四栏:产品特征

一些产品的详细特征可以和相关的工程师总结

有血有肉有温度,英文独立站详情页的策划与设计

第五栏:产品的特殊应用

产品的特定APP场景,如果有

有血有肉有温度,英文独立站详情页的策划与设计

第六栏:一个产品视频

在这里放上产品的展示录像。 可以拍摄一些产品的小视频,二三十秒左右就可以了。 那么高的基础上,不用追求酷炫的视频效果,我们把自己的产品展示得很清楚,有质感就行了。

不仅放在Youtube等社交平台上增加粉丝,放在页面上也能提高顾客的信任度,增加用户的页面停留时间,对SEO有好处。

有血有肉有温度,英文独立站详情页的策划与设计

第七栏:FAQ

在产品和服务中,在客户经常询问的问题中,他们最关心的是什么?

有血有肉有温度,英文独立站详情页的策划与设计

第八栏:询盘发送表格

最后放置客户联系表,以便客户进行咨询。

有血有肉有温度,英文独立站详情页的策划与设计

以上是我一般常用的产品网页样式,不一定适合所有行业,但我想为朋友们提供启发和帮助。

注:有些产品详情页会遇到的一个问题

我们做B2B,可能会遇到自己产品成千上万的情况。 但是,这些产品怎么样呢? 产品的关键词相同,基本所有参数和说明相同,功能和使用场景也相同。 但是,一些小参数会改变一些尺寸参数,例如齿轮的齿数等。 那个时候很辛苦。 即使能够绞尽脑汁做花,也无法为每个产品准备独特的复制品。 这个时候,我们该怎么办?

我的建议是制作聚合页。 将某种特性或关键词的产品汇总起来制作聚合页,重点制作这个聚合页。 装备复印件、发链等。

然后在聚合页下面的详细产品页上,把复印件发给那些重要的产品页就行了。 其他只要加入一个产品图像、产品参数,进行基本的SEO优化就可以了。 如果条件允许的话,可以追加简单的产品动画。

About页面规划

这主要是说自己公司的事情。 写下自己的使命,可以说是感动而崇高的事。 但是,不要写得太虚。 我也想在这里重点展示一下我们公司的文化和氛围,做一份快乐的工作。

可以写公司对社区,甚至地球的责任。 可以写下你的公司做了什么样的慈善活动。 在我们国内感觉不到这个,但是海外朋友不能吃这一套啊。 我们以前就有关心工厂工人工作状态和人权的客户。 因此,我们正在制作BSCI证书。

Contact页面规划

Contact页面在计划时一定要简洁。 这一页不能放太多的东西。 我想客人已经进入了这个页面,会给你发送咨询的,所以我们可以马上给他发咨询。 不要用其他东西转移他的注意力。

我见过很多朋友在这一页上加了很多东西。 例如,我们添加了谷歌的机器人验证。 这其实很不OK。 因为,我们有时使用谷歌浏览器的朋友知道。 这个验证实际上很麻烦,特别是国外的互联网速度很慢,图像不好好打磨容易烦躁,大家应该都经历过吧。 有时也容易发生问题。 特别是在手机方面,你这么做是因为你断绝了别人肯定有咨询的想法。 即使我们一定要添加验证,我们也必须定制它们。

我也见过一个朋友的网站把文件放在contact页面上下载给客户的时候,下载的时候页面有问题,其实这些都很不OK。 我们绝对不要那样做。 降低转化率。

有血有肉有温度,英文独立站详情页的策划与设计

有血有肉有温度,英文独立站详情页的策划与设计

其实Contact页面很简单,咨询表,你的地址,联系方式就可以了。 除此之外不需要。

有血有肉有温度,英文独立站详情页的策划与设计

这里有表格的问题。 麦子也请在这里强调一下。 那就是表的复杂性。 必须注意。 比如,下面这样的,我的天,你在戏弄我吗? 要填这么多内容,真是地狱难易度啊。 我不是做户口调查。 你不是客户的错,是交易的错。

有血有肉有温度,英文独立站详情页的策划与设计

所以,表格也不要太复杂。 只要填写姓名,就可以填写电子邮件地址(在这里,可以引导客户填写自己的工作地址,填写work email )、电话)、客户的电子邮件地址有时也会填写错误。 这种情况下,有号码就可以了),公司名称、咨询处的信息如下图所示。

有血有肉有温度,英文独立站详情页的策划与设计

2 网页设计

比较两个网站的第一张图,看看它们的区别。 下一个问题中,进入这两个网站后,选择买哪一个产品。 很多同学会选择了第一家吧。

虽然他是同样的产品,但第一张照片的质感和网页设计传达给我的品牌价值比第二家糟糕的设计要高得多。

当然B2B的设计不要求酷炫,但至少干净有质感,不要求交互华丽,但必须实用。 这也想让我们花很大的精力去做。

苹果官网的iphone 12 pro的设计首栏

有血有肉有温度,英文独立站详情页的策划与设计

其他网站的一个页面设计的首栏

有血有肉有温度,英文独立站详情页的策划与设计

首先,您可以检查整个网站的风格,包括颜色组合、字体等,然后让设计师设计主页,从而对整个网站进行调整。 然后,逐一设计页面模板,使同一类别的产品页面模板一致,是为了保持风格的统一性,也是为了以后上传产品页面。

写在最后:我们必须参考大企业的风格、简单的大气、质感进行设计。

例如苹果等。 千万不要参考国内网站的风格。 是真的。 很多网站乍一看是中国业主的。 基本上是统一的模板和风格,所以这个真的很让人头疼。 所以,设计师设计完页面后,我们一定要进行审查。 如果不满足自己的要求,一定要找设计师修改,在满足之前,不要欺骗自己。

请考虑一下。 如果给顾客看你不满意的东西,你的顾客会满意吗? 我有时坐在设计师边上,坐几个小时直到自己满意照片和页面的设计。 网站设计完成后,可以为网站工程师制作。 完成后上线,一个网站完成。

最后虽然有点啰嗦,但是用户可以通过你的网站感受到你的公司。 你的实力、你的专业性、是否可靠、你公司的特性等都很重要。 就像我写公众号一样,从行间可以知道我这个人,是否可靠,是否严密,是否有温度等等。

好像很吵,今天就到此为止。 明天再见吧。

Focus on the strength of the pithy专注极简的力量

PITHY CONTACT

一家没有销售的玉溪网站建设公司
我们特立独行

img/mail.png联系我们

PITHY CALL

如果您对我们的服务有什么疑问
欢迎来电咨询

电话
18868949445
img/top.svg
网站声明 | 隐私政策 | 网站地图 © 2018 MFweb. All rights reserved. Designed by玉溪网站制作玉溪网站设计公司玉溪网站建设公司