专栏首页微搭低代码企业官网小程序实战教程-需求分析
原创

企业官网小程序实战教程-需求分析

前言

在互联网上,我们想了解一家企业或者一个产品,比较便捷的渠道是通过企业的官网进行了解。在PC时代,我们是通过百度去搜索企业的PC端官网,企业通过在线的客服和感兴趣的客户进行沟通,完成营销工作。

在移动互联网时代,流量的入口发生了变化,从搜索引擎转向了微信,利用微信小程序搭建自己的官网,构建自己的私域流量无疑是一个很好的办法。

近几年小程序比较流行,但是找个人或者企业去开发一套小程序价格不菲。随着云计算技术的发展,腾讯云适时的推出了一款低代码开发工具,可以在线可视化的搭建小程序,搭建完毕后可以一键发布到云端,开发省时省力,运行时对用户友好,而且运营费用也不高,拥有一套可以自由修改的小程序无疑会成为日后的主流。

今天笔者就带着大家去熟悉这一款低代码开发工具,我们学习的思路的是以实战为基础,通过在互联网上选取一个典型行业-环保建材行业。借助他的官网我们来复刻一款移动端的官网。

学习方法呢,我们不是从零开始,依托于官网提供的模板,我们按照这家公司的官网进行改造。写代码么,能力强的从零开始,能力弱的从模板改起也是一个好办法。闲话不表,切入到我们的正题中。

需求分析

PC端官网

但凡是要复刻,需要仔细研究我们的对象,先看看这家公司的官网

在这里插入图片描述

以我曾经做网站的经验,要想构建一个网站首先需要规划网站的栏目,我们看看这家公司的导航条基本就可以得出

  • 首页
  • 真石漆
  • 乳胶漆
  • 水包水/砂
  • 艺术涂料
  • 产品中心
  • 工程案例
  • 新闻资讯
  • 关于我们

结合导航栏的栏目,我们猜想他是将他卖的比较好的产品放在了导航条上,便于用户查找。点击栏目的话进入到的是二级版块,主要是罗列产品的图片信息

在这里插入图片描述

看到这个页面,其实左边的方式不太友好,无法收缩,而且把侧边的导航栏都遮住了。按照常理如果是某个产品分类的话,下边应该是具体的产品型号,目前它这个上的很随意,作为一个普通的顾客根本分辨不出来究竟有多少种不同类型的产品,无疑是个失败的案例。

产品的详情页,中规中矩的一个图片的介绍,联系我们是一个表单,可以输入信息

在这里插入图片描述
在这里插入图片描述

随处可见的联系电话,而且预置了咨询的内容,也感觉很不友好

工程案例分为列表页和详情页,列表页是缩略图,详情页是具体的介绍

在这里插入图片描述

只放了一张照片,没有具体的介绍,略显潦草,按说项目介绍其实可写的地方也是比较多的。

新闻资讯是一个普通的文章列表,点进去可以看到具体的内容

在这里插入图片描述

关于我们是具体的一篇企业的基本信息介绍。通过需求分析,我们就一步步的剖析了这家公司的这个网站,正所谓外行看热闹,内行看门道。门道看出来后就可以具体指引我们后续的施工。

小程序规划

我们按照官方网站的功能,规划一下小程序的栏目,分为四个栏目

  • 首页
  • 产品中心
  • 工程案例
  • 联系我们

首页的话准备规划一个轮播图,用来放广告,然后就是企业的分门别类的具体介绍,比如擅长的领域、工程案例、产品特点、荣誉资质、联系方式等等

产品中心,以页签的形式切换各种类别,产品的话以缩略图进行展示,点击缩略图可以看到产品的具体介绍

工程案例的话,以双列的图片来展示案例,点击图片可以查看具体的案例

联系我们列出企业的联系电话和地址,联系电话可以调用手机的拨号功能,地址的话可以调用腾讯地图,实现导航;在线咨询的话主要是一个表单的功能,可以进行留言;在线客户可以调用小程序的客服功能;企业介绍可以展示企业的发展历程。

下篇预告

下一篇我们准备在需求分析的基础上设计数据源,来存储企业官网日常展示的各类信息。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 企业官网小程序实战教程-数据源设计

    上一节我们分析了一个环保建材的企业网站,规划了小程序的功能。一般在功能规划好后,就需要根据功能来规划数据源。如果没有过软件开发经验的同学可能在设计数据源这块遇到...

    低代码布道师
  • 企业官网小程序实战教程-数据源创建

    我们在前两节分别进行了需求分析及数据源的设计,本节我们实际创建一下数据源。低代码开发是以数据源为起始点的,需要仔细考虑每个数据源需要的字段信息。

    低代码布道师
  • 企业官网小程序实战教程-管理后台制作

    上一节我们建立了数据源,数据源就像地基一样,打好基础就可以进行我们后续的开发了。低代码领域有表单驱动和模型驱动两种类型,传统的OA厂商是表单驱动,所以先是开发表...

    低代码布道师
  • Python大牛廖雪峰13个案例带你全面掌握商业爬虫!

    这把火已经烧到了程序员的圈子外,从小学生到职场老司机,都开始学习这一门新的语言,门槛低、零基础、操作骚...再也没有什么能阻挡Python晋升网红。

    sergiojune
  • 深职院联合腾讯教育为教师打造企业级实训课 培养创新应用型人才

    ? 随着信息技术新时代的来临,基于互联网的知识获取方式,以及人工智能、大数据等技术的普及推广,教师队伍信息化素养的提高迫在眉睫。为应对新一代信息技术对教育提出...

    鹅老师
  • 百度外卖正式更名为“饿了么星选”;今日头条推出电商App“值点”;京东入局个人快递业务

    10月15日消息,百度外卖正式更名为“饿了么星选”,App也采用了新的标识。百度外卖的官方微信和微博也均完成更名。饿了么副总裁王景峰将担任饿了么星选CEO。据官...

    齿轮易创说互联网
  • 2015十一项全球最具权威的大数据资质认证

    大数据时代,考计算机证已经out到天边去了。具备大数据分析相关经验的数据科学家与分析师以及了解如何打理Hadoop集群与其它技术的工程师与开发人员如今正变得炙手...

    小莹莹
  • Python不香吗,为什么还要学数据分析?

    有读者问我,看到现在大厂都在招数据分析师,薪资也非常有吸引力,我会用 SQL 和 Excel,还会一点 Python,能不能去应聘?

    刘早起
  • 【EMBA】大数据与企业创新国际EMBA研修班 2015年招生简章

    伦敦帝国理工学院-华中师范大学 大数据与企业创新国际EMBA研修班 2015年招生简章 ---- 伦敦帝国理工学院(Imperial College Londo...

    小莹莹
  • 2018年程序员如何打破35岁“失业”怪圈?

    时常有人在知乎、百度等平台抛出问题:程序员过了 35 岁(或 40 岁)是不是就失去了竞争力,要转管理岗了吗?

    用户1564362
  • 企业云采用的几个关键趋势

    由调研机构IDG通信公司开展的2018年云计算调查研究发现,很多组织仍在发展云计算环境方面继续增加投资,以利用云计算技术推动业务发展。在550个被调查组织中,有...

    静一
  • 腾讯安全多项产品获全球著名机构推荐,全力护航产业安全抗“疫”

    2020年开年,我们共同经历了疫情来袭、假期延长、出行受限到社会秩序逐步恢复、全民联防联控抗击疫情、各行各业复工复产。面对突如其来的疫情和旷日持久的“战疫”过程...

    腾讯安全
  • 腾讯安全多项产品获全球著名机构推荐,全力护航产业安全抗“疫”

    2020年开年,我们共同经历了疫情来袭、假期延长、出行受限到社会秩序逐步恢复、全民联防联控抗击疫情、各行各业复工复产。面对突如其来的疫情和旷日持久的“战疫”过程...

    腾讯安全
  • 安全没有边界 | ISC 2018互联网安全大会Day 3报道

    360集团技术总裁、首席安全官谭晓生在致辞中说:“2018年,互联网安全大会已经进入第六届,从首届互联网安全大会首次举办开始,我们就一直坚持开放性和专业性的原则...

    FB客服
  • 看ClassNotes.xyz怎样将应用程序与网站结合并提供整套解决方案

    .xyz大促 即将来袭,敬请期待 活动时间:9月21日至10月20日 ... 我们一直通过“周三网站”系列介绍一些利用设计精美的网站来达到推广目的的优秀.xy...

    腾讯云DNSPod团队
  • 新冠肺炎激活产业互联网

    ? 本文作者 姜奇平:腾讯SaaS加速器导师、中国社科院信息化研究中心秘书长,信息化与网络经济室主任、研究员 疫情催生了变化。用户不能主动上门,企业想办法“直...

    腾讯SaaS加速器
  • “顺而为之”,职学教育:实战领导力与管理课程为何能颠覆行业

    “天下大势,浩浩汤汤,顺之则昌,逆之则亡。”孙中山先生在封建走向共和的时代背景下,做出这样的判断,放到互联网高速发展的现在,也同样适用。

    翟菜花
  • IT专业人员如何看待软件定义的数据中心市场

    导语 调查机构Gartner公司研究总监Daniel Bowers表示,在软件定义数据中心(SDDC)进入IT环境之初,IT专业人员通常将软件定义的基础架构用于...

    企鹅号小编
  • ActiveReports 9实战教程(1): 手把手搭建环境Visual Studio 2013 社区版

    ActiveReports 9刚刚发布3天,微软就发布了 Visual Studio Community 2013 开发环境。 Visual Studio Co...

    葡萄城控件

扫码关注云+社区

领取腾讯云代金券