制作用于收集填单的落地页

比如,我们要做类似这个的落地页。首先先拿到设计图

页面分析及切图

页面分析

分析页面结构,将页面分成从上到下的区块,每个区块或者是图片,或者是表单组件,或者描述文字。为保证图片的加载速度,图片高度建议在750~1000px之间。

切图

根据参考下确定切片位置,然后切图,保存成web兼容格式,图片质量在66-77之间,选择“连续”。

搭建页面框架

先将其中两个表单忽略,我们使用本平台制作工具,用图片组件搭建好页面框架。

最后美化和点缀

美化

根据实际情况,在落地页编辑页面修改表单样式,使其和落地页其它部分的风格保持统一。一般设计师在出设计稿时,会带有页面颜色标注,所以可以直接咨询设计师来直接获得。如果设计师没有提供,运营人员也可以通过页面取色工具获取。再如果,设计师没有页面去色工具,可以使用Chrome自带的开发者工具进行取色。

点缀

给落地页加入一个浮动的电话按钮。

关于客服功能,参考https://help.yiye.ai/di-san-fang-ke-fu.html

最后更新于

这有帮助吗?