设计智能页面——产品设计师的观点

自我们推出 Smart Pages 到现在已经快 6 个月了，我们为这款产品获得的验证感到自豪，因此鼓励我们在此基础上构建更多内容。

Smart Page是我们高层领导的内部创意，它是精心打造的，旨在解决我们的商家的需求，他们正在寻找与“电子商务网站”非常相似但又不同的东西来满足他们的需求。

设计智能页面——起源

在我带你完成这个创造这个美丽产品的旅程之前，让我自我介绍一下。 我的名字是 Shyamal Rajput，他是一名产品设计师，也是 Instamojo 的一名角色。 作为产品和设计团队的一员，我们努力与大家密切合作，以实现并提供最好的功能、合适和可用的产品。

作为电子商务网站的心智模型，它是企业希望出售给客户的所有产品的在线存储库。 每种产品都有其产品规格、图像和应该出售的价格。

回到Smart Pages，我们的目标是建立一个“代理在线商店”，以迎合我们随着时间的推移发现的一组定制规范。 为了更深入地研究它，让我们首先了解一些可以帮助我们更好地理解 Smart Pages 基础的基本问题。

商家如何在线销售？

作为想要在线销售的商家或卖家，他们经常寻找可以销售产品并以此为生的在线平台。 由于这个问题陈述现在很陈词滥调，我们拥有庞大的电子商务市场巨头，您可以去那里开始销售自己的产品。

商家采用的另一种销售媒介是创建自己的电子商务网站。 但是，它会带来额外的设计、开发、维护和管理成本。

缺少什么？

以产品为中心且拥有大量库存的企业通常会创建一个在线商店，在那里他们可以展示他们的产品并最终进行销售。

但是，对于通常提供诸如辅导、指导、咨询等服务的基于服务的企业，在线电子商务商店并不能解决目的。 同样，只想销售一种产品或服务的企业或企业家很可能不想创建电子商务商店。

让我们举一个职业教练的例子，他经营着一家咨询公司，想开始在线业务，不需要在线商店，因为他不会有多种产品可供销售。

因此，在我们认为需要迎合此类基于服务的商家或希望在线销售其服务的企业的地方，我们发现了 Smart Pages。

相关阅读：提高着陆页转化率的技巧； 举例

回答原因，定义方法

这是一个非常重要的步骤，或者更确切地说是我们试图始终寻求​​答案以公正对待我们正在尝试构建的任何项目的问题。 在 Smart Pages 的上下文中，还有两个类似的问题——

• 为什么这是必需的/或为什么我们觉得需要它？
• 我们将如何提供解决方案？

当我们回答上面的“为什么”时，任务的第二部分是我们如何为此类企业提供最佳解决方案。

基于许多用户的反馈和对线下服务行业运作方式的理解，我们提出了智能页面，企业可以在其中构建他们的登录页面或单页网站，并展示他们希望提供的所有服务/产品组合以发挥其潜力顾客。

“为了在此基础上添加并牢记在线商店生态系统，我们构建了 Smart Pages 以成为所有这些企业的一站式解决方案，他们将能够在其中列出/展示他们的服务并进一步向其收取费用——拥有结帐体验完好无损。”

我们是怎么做的？

第 1 步：定义用户角色

对于每一个问题陈述，我们都会努力处理，我们会尝试绘制出我们正在为其设计或解决的用户角色。

在智能页面方面，我们找出了一些主要的用户角色，它们是：

1. 顾问/律师描述他们的个人资料
2. 旅行社试图创建行程并围绕它销售套餐
3. 举办单日或多日活动的活动管理公司
4. 提供在线电子书和课程的电子学习教练。

可以有更多的角色，但我们开始思考如何帮助这些用户在线销售他们的服务。

相关阅读：7个智能品牌使用智能登陆页面在线增长

第二步：研究已经存在的东西

作为研究的一部分，我们进行了市场研究，看看是否有类似的产品可以解决相同的用例。 我们浏览了几个单页网站或登陆页面，并试图从人们通常展示的信息方面了解趋势。

第 3 步：作为商家，我应该能够

在尝试查看不同的用户角色并研究类似产品的同时，我们试图进入商家的位置，并尝试了解她/他需要什么才能在线销售他们的服务。

作为商人，我应该能够：

1. 让人们知道我是谁
2. 传达我在这里出售/提供的东西
3. 精心+教育+说服客户为什么他们应该购买它
4. 通过使用社会证明和其他类似元素，使产品/服务看起来真实可信，从而赢得客户的信任
5. 最后，告诉客户它的成本是多少

对于产品的第一阶段，我们认为如果我们能够解决这 5 个用例，商家将能够有效地将业务定位在线上。

定义登录页面的部分

基于我们发现并想要解决的上述用例，我们定义了应该成为页面一部分的部分。

简介部分：作为一个企业，我是谁

个人资料部分的想法是让企业清楚地向客户解释他们是谁以及他们的全部内容。

拥有一个商业标志、名称和一个适当的个人资料部分来谈论该业务会使客户对品牌/业务形成信心。

页眉：作为一家企业，我提供什么？

与任何其他登陆页面一样，此部分的设计考虑了企业希望向客户提供的主要服务。

企业可以用标题和封面图片来解释他们在卖什么。

页面主题：作为一家企业，我希望我的页面看起来如何？

页面主题是企业根据自己的需求和品味定制页面的想法。 此功能为他们提供了很多自定义选项，包括选择字体、主题颜色以及在明暗模式之间进行选择。

这种定制背后的基本理念是让企业定制他们的页面尽可能接近他们的原始品牌标识。

定价：作为一家企业，我要收取多少费用？

一旦企业开始创建页面并向他们的客户解释他们在卖什么，接下来要交流的重要事情就是该服务的价格。

定价卡可帮助企业确定其服务可能需要的多种定价选项。 例如，一家娱乐公司正在举办一个为期 3 天的活动，他们希望为 1 天、2 天和 3 天的门票分别创建多个定价选项。

相关阅读：如何为您的产品或服务设定合适的价格

内容区：作为一个企业，我想解释一下我在卖什么？

页面内容区域在技术上是一个富文本编辑器，企业可以使用它来清楚地详细解释他们提供的服务。

以发生的事件为例，企业可能需要更多地说明事件的全部内容、参加该事件的人员、主题演讲的内容等。

页面内容区域被刻意制作为富文本编辑器，如果业务需要，还可以自由添加更多图像和视频。

附加内容：作为企业，我想展示更多相关内容？

在研究围绕服务和活动的不同产品和单一登录页面时，我们认为有必要引入一个专门的部分，通过添加推荐以及添加关键常见问题解答（如果有的话），企业可以将其用于社会证明。

对于第 1 版，我们决定只提供推荐、常见问题解答和查询表，但本部分的目的是引入更多元素，帮助企业在客户之间建立信任、同理心和社会认同。

页面设置：作为企业，我想管理我的页面

这是业务使用方面最重要的部分之一，因为它可以让他们控制页面的许多关键方面。

如前所述，我们正在寻找登陆页面和在线商店的合并，因此我们认为有许多重要功能将有助于企业的页面设置。

从从客户那里收集更多自定义信息、为服务添加折扣代码到跟踪页面分析，企业可以从页面设置部分执行一些操作。

还有什么可以提供的

我们在上面讨论的页面部分是企业尝试创建自己的智能页面时的关键方面。

除此之外，企业还有许多其他功能，例如

• 他们可以将自己的自定义域连接到他们的页面
• 可以添加社交媒体链接以增加其业务的更多影响力
• 为客户管理售后体验

结论

总之，Smart Pages 不仅仅是一个看起来很普通的登陆页面网站，而是一个专注于想要通过系统地沟通和让客户详细了解他们的服务是什么来销售商品的企业的产品。

在这个产品实验和一个非常有趣的问题陈述上工作，我们肯定已经走了很长一段路，可以说这个实验到目前为止是成功的，我们的用户一直在积极地使用它。

这是一个简短的视频，向您展示了 Smart Page Pro 订阅附带的功能。

我希望我能够传达迄今为止设计如此强大但可用的产品（由我们的用户提供）的真正压倒性体验。

我们的头脑和纸面上有很多东西，我们相信它们会将 Smart Pages 推向更高的高度，最重要的是更多地解决我们用户的需求。

到那时，签字——你真正的Shyamal！

免费注册

本文由 Instamojo 的产品设计师 Shyamal Rajput 撰写。 您可以在他的 LinkedIn 上与 Shyamal 联系。