Skip to content

hokaso/miguo-matrix-front-end-ui

Repository files navigation

米果新媒体矩阵客户前端(官网)

详细说明:https://hocassian.cn/archives/tech/7895/

对于中小型新媒体企业而言,一个展示公司自身实力的官网是必备项。如何让有对口需求的客户快速精确地找到我们,且了解我们能提供的服务,是这个官网的主要职责。根据上述需求,我们设计了以下包含电脑端和移动端的栏目展示区:

(1) 文章展示。

此栏目将收录与展示公司采编过的各类文章,包括代理公众号的推文、发布于腾讯页卡的特类新闻、公司经手项目的项目记录等;其中分三种方式展示,其一为官网主页的不规则文章展示框,文章配图、文章标题、文章导语将会以一种符合大众审美的方式在此处进行呈现,如图3-3所示;其二为文章列表页,所有发布上架过的文章都会被归档在这个目录之下,用户可以通过搜索功能检索出标题与简介包含特定关键字的文章;其三为文章详情页,该页面除了展示指定文章的作者、发布时间和详细的正文内容外,其右侧还会出现推荐阅读栏,其中将根据用户的浏览喜好来推送特定的推荐文章。

(2) 视频展示。

该栏目会展示公司制作过的各类视频,包括企业宣传片、政府单位宣传片、活动流程直播录像等;与上述文章展示栏目一样,也分几种呈现形式,其一为官网主页的伪轮播视频展示组件,视频封面、视频标题将以一种清晰明了的方式在此处呈现,如图3-4所示;其二为官网主页的大型聚焦区,管理员将定义某条公司主推的视频置于此处进行展示,让用户一进入官网就能被吸引眼球,通过这个视频了解到我们的核心竞争力。其三为视频列表页,所有发布上架过的视频都会被归档在这个目录之下,用户可以通过搜索功能检索出标题与简介包含特定关键字的视频;其三为视频详情页,该页面除了展示指定视频的作者、发布时间和详细的正文内容外,其右侧还会出现推荐观看栏,其中将根据用户的浏览喜好来推送特定的推荐视频。

(3) 轮播图展示。

该组件置于官网各页面的头条,滚动播放与公司业务相关的介绍图片。在向客户表达公司文化的同时,也增加了网站的整体美观。

(4) 公司信息展示。

该页面陈列了公司的主营业务、公司文化、对外平台、企业文化等资料,让客户更深入地了解公司。今后还会再度更新优秀员工、获奖项目等模块,进一步打造公司的对外形象。

About

米果新媒体矩阵客户前端

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published