j8typz 发表于 2024-8-31 16:28:57

落地页设计:从概念到上线的5个过程


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">制品</span>工作中会<span style="color: black;">触及</span>到<span style="color: black;">非常多</span>与运营工作的协调,这个过程中较多的产出<span style="color: black;">便是</span>落地页:专题落地页、宣传落地页等。<span style="color: black;">一般</span>运营人员会<span style="color: black;">供给</span>页面的素材以及内容,<span style="color: black;">制品</span>负责推动设计师进行页面设计,<span style="color: black;">制品</span>人员从接到<span style="color: black;">需要</span>到页面完整上线<span style="color: black;">通常</span>从几个小时到几周不等,付出时间的长短与前期的准备成反比。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">项目过程中<span style="color: black;">做为</span><span style="color: black;">制品</span>负责人<span style="color: black;">一般</span>要<span style="color: black;">重视</span>从页面的概念到上线有几个过程:概念的提炼,素材的准备,思路整理,设计师进行创意设计,最后前端<span style="color: black;">研发</span>以及后期迭代。在<span style="color: black;">每一个</span><span style="color: black;">过程</span>中<span style="color: black;">制品</span>人员要<span style="color: black;">重视</span>以下几点:</span></p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1</span><strong style="color: blue;">概念提炼</strong></h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">落地页的概念<span style="color: black;">一般</span>从<span style="color: black;">制品</span>的卖点提炼而来,不论是活动还是<span style="color: black;">自己</span><span style="color: black;">优良</span>都是<span style="color: black;">经过</span>向消费者传达<span style="color: black;">制品</span>的卖点来吸引用户来点击<span style="color: black;">乃至</span>填写信息,最后完成转化<span style="color: black;">目的</span>。最吸引消费者的内容<span style="color: black;">包含</span>:折扣、专业、服务、<span style="color: black;">精细</span>、设计、唯美等关键字所表达的概念。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="http://mmbiz.qpic.cn/mmbiz/icHOSb47jqpXGjAhV7lVRmKznIiczwM2lEFpLpyVwHTpF67iakibq2LW8pAnaJdJn79FGzusBCmbIzIC3FTiaia1JJfw/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">以上</span>专题<span style="color: black;">明显</span>的是镜架免费,<span style="color: black;">以避免</span>费<span style="color: black;">做为</span>一个卖点来吸引用户眼球,对有<span style="color: black;">需要</span>配镜<span style="color: black;">或</span>有意向配镜的用户制造一种吸引力,从而<span style="color: black;">运用</span>户继续往下浏览页面;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="http://mmbiz.qpic.cn/mmbiz/icHOSb47jqpXGjAhV7lVRmKznIiczwM2lE9GGicy0BXXQ5BmcjruyHsicnGcQblIA23KtO1ajRN6YXKCvsYUfb4p4g/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">小米5的落地页<span style="color: black;">重点</span><span style="color: black;">明显</span>的内容十余项黑科技和价格1999元起,发烧友的焦点在于黑科技,而小白用户更多的是<span style="color: black;">按照</span>小米的品牌参考1999的价格,两项都<span style="color: black;">能够</span><span style="color: black;">做为</span>小米吸引用户的特点。</span></p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">2</span><strong style="color: blue;">素材供给</strong></h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">页面的素材<span style="color: black;">重点</span><span style="color: black;">包含</span>两个部分:文案内容和<span style="color: black;">照片</span>内容。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">素材部分的<span style="color: black;">供给</span>占据着落地页设计中比较重要的一环,页面最后的成败有很大<span style="color: black;">原因</span>取决于素材的质量。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">1. 文案内容:</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">文案内容是引导页面设计思路的重要部分,<span style="color: black;">一般</span>初步的文案就<span style="color: black;">表率</span>了页面的内容<span style="color: black;">次序</span>及内容,<span style="color: black;">而后</span>在页面思路清晰后会<span style="color: black;">协同</span>设计做<span style="color: black;">有些</span><span style="color: black;">调节</span>,<span style="color: black;">包含</span>标题、内容描述<span style="color: black;">乃至</span>字数限制;</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><strong style="color: blue;">2. <span style="color: black;">照片</span>素材:</strong></span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">运营人员<span style="color: black;">供给</span>的<span style="color: black;">照片</span>素材<span style="color: black;">常常</span><span style="color: black;">不可</span>达到设计师的预期,这个时候需要设计师去获取素材,<span style="color: black;">制品</span>经理<span style="color: black;">能够</span><span style="color: black;">供给</span><span style="color: black;">有些</span><span style="color: black;">帮忙</span>(<span style="color: black;">这儿</span><span style="color: black;">举荐</span>几个素材网站:站酷、花瓣、500px、eput);尤其新项目<span style="color: black;">显现</span>的时候,<span style="color: black;">此时</span>可能国内<span style="color: black;">乃至</span>国外都<span style="color: black;">无</span><span style="color: black;">关联</span>参考,合适素材,<span style="color: black;">制品</span>经理要<span style="color: black;">思虑</span>以其他途径去获取素材了,寻找摄影师拍摄,建模师建模等(<span style="color: black;">这儿</span>值得一提的是建模的素材<span style="color: black;">常常</span>比拍摄来的好得多,尤其是工业<span style="color: black;">制品</span>,工作后<span style="color: black;">第1</span>次<span style="color: black;">发掘</span>工业设计的重要性,哈哈);</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="http://mmbiz.qpic.cn/mmbiz/icHOSb47jqpXGjAhV7lVRmKznIiczwM2lEXkiaOZygcZxDSfMT86lUfXtGcv2Lm6m9gI5xIQD11h7E5libbibyOgeqA/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">能够</span>看到上面这把刀的渲染效果图,相比实物拍摄图,材质更加逼真,<span style="color: black;">况且</span>打光的效果<span style="color: black;">亦</span>比拍摄要来的好,重要的是成本比拍摄要便宜(<span style="color: black;">一般</span>一次摄影外包,<span style="color: black;">能够</span>做几个同类的建模了)。</span></p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">3</span><strong style="color: blue;">页面思路的<span style="color: black;">调节</span></strong></h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">页面设计的思路需要<span style="color: black;">制品</span>规划,<span style="color: black;">怎样</span><span style="color: black;">加强</span>用户的浏览量、留存时间、转化率都是<span style="color: black;">制品</span>要<span style="color: black;">思虑</span>的事情,虽然落地页的感性思维更重要,<span style="color: black;">然则</span>理性思维<span style="color: black;">亦</span>必不可少,理性的<span style="color: black;">规律</span><span style="color: black;">能够</span><span style="color: black;">运用</span>户<span style="color: black;">加强</span>留存时间,<span style="color: black;">更加多</span>的浏览页面的内容,从而<span style="color: black;">加强</span>页面的转化率,这个部分的验证是<span style="color: black;">经过</span>数据来<span style="color: black;">评估</span>的,<span style="color: black;">然则</span><span style="color: black;">制品</span>对页面设计的思路要清晰:设计该页面的目的,<span style="color: black;">而后</span>把<span style="color: black;">目的</span><span style="color: black;">做为</span>终点,连接起<span style="color: black;">全部</span>页面的模形块成一条线状思维,<span style="color: black;">最后</span>引导用户完成转化。当然这个操作的简单形式<span style="color: black;">能够</span>是<span style="color: black;">这般</span>的:</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">假设自己<span style="color: black;">便是</span>用户:</span></strong><span style="color: black;"><span style="color: black;">思虑</span>下<span style="color: black;">倘若</span>是自己想要完成<span style="color: black;">全部</span>过程的转化,你想从页面获取的信息是什么。根据自己的思维去<span style="color: black;">形成</span>几条线。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">验证真正的用户:</span></strong><span style="color: black;">这个时候<span style="color: black;">能够</span><span style="color: black;">思虑</span>做<span style="color: black;">有些</span>中保真的页面去做调研,从身边的同事到<span style="color: black;">伴侣</span>,<span style="color: black;">而后</span>获取<span style="color: black;">她们</span>的页面停留时间,有多少人完<span style="color: black;">成为了</span><span style="color: black;">全部</span>页面的转化,浏览页面时遇到的问题等等;<span style="color: black;">而后</span>从几条线中<span style="color: black;">选取</span>最佳<span style="color: black;">方法</span>去交给设计师完成。</span></p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">4</span><strong style="color: blue;">跟进设计页面</strong></h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">和设计师的沟通需要用心,<span style="color: black;">必定</span>要让设计师觉得你和他是一起的,同理心很重要,千万不要让设计师觉得你是来监督他的,要<span style="color: black;">晓得</span>设计师是在帮你做页面,有人说这是设计师的本职工作,这个时候我只会呵呵了,设计的好坏,用心与否完全靠设计师的心情了;当然我不反对恩威并施的<span style="color: black;">办法</span>,<span style="color: black;">然则</span>我更习惯和设计师做<span style="color: black;">伴侣</span>,合作起来会更加顺畅舒服,而你的付出可能只是一杯奶茶,一顿饭(和对付程序员的<span style="color: black;">招数</span>是差不多的,哈哈,<span style="color: black;">好似</span>说漏了)。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">当然以上是项目易做的<span style="color: black;">状况</span>,当遇到项目的难点<span style="color: black;">或</span>难点的项目时,一个页面可能要做很久,<span style="color: black;">此时</span><span style="color: black;">大众</span>的耐心和审美都有了一个过渡,尤其是比较感性的部分来回推翻的时候是很容易崩溃的,<span style="color: black;">制品</span>在这个时候<span style="color: black;">必定</span>要有一个平和的<span style="color: black;">心理</span>,设计师在沟<span style="color: black;">经过</span>程中发发脾气,吵吵<span style="color: black;">亦</span>是很正常的,你<span style="color: black;">必定</span>要<span style="color: black;">经过</span>贿赂、软磨硬泡等<span style="color: black;">各样</span>方式使设计师有一个平和的<span style="color: black;">心理</span>,万万<span style="color: black;">不可</span>自己就崩了,<span style="color: black;">一块</span>吃个饭,聊聊天是个很好的方式。</span></p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">5</span><strong style="color: blue;">前端<span style="color: black;">研发</span></strong></h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">程序员都是理性的<span style="color: black;">表率</span>职业,<span style="color: black;">研发</span>过程中要<span style="color: black;">尽可能</span>减少沟通成本,沟<span style="color: black;">经过</span>程中的设计效果最好找到参考使程序员一目了然,而不是抽象的描述,脑补出来的效果永远不是统一的,<span style="color: black;">乃至</span><span style="color: black;">不可</span>互相理解。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">另一</span>一点要有<span style="color: black;">恰当</span>的项目进度<span style="color: black;">掌控</span>能力,<span style="color: black;">认识</span>你的前端<span style="color: black;">研发</span>人员手里的工作内容,每项内容所需要的时间,<span style="color: black;">经过</span>紧急/重要的方式去判断项目优先级,给项目设置时间节点(记得留有测试的时间)。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="http://mmbiz.qpic.cn/mmbiz/icHOSb47jqpXGjAhV7lVRmKznIiczwM2lEomliaSvg5fYUsicSfzKeK0giaIQYjiccanNuBfYWoZegGQ97fv5TFwgE1A/640?wx_fmt=png&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" style="width: 50%; margin-bottom: 20px;"></p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">6</span><strong style="color: blue;">总结</strong></h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">多站在别人的<span style="color: black;">方向</span><span style="color: black;">思虑</span>,<span style="color: black;">制品</span>经理负责的不只是<span style="color: black;">制品</span>,还有<span style="color: black;">全部</span>团队,相信<span style="color: black;">每一个</span>人在自己的岗位上能做到最优秀,<span style="color: black;">亦</span>是尤为重要的。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;"><span style="color: black;">做为</span>一个<span style="color: black;">制品</span>经理,把控一个项目,不要只是把工作内容局限于撰写文档和原型设计上,学会把控进度、协调资源、扛得住压力、稳得住团队,这些软实力才是<span style="color: black;">制品</span>经理的核心技能。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">作者:裴桂山(<span style="color: black;">微X</span>号gonoway),<span style="color: black;">制品</span>经理,1年<span style="color: black;">制品</span>设计经验,独立负责过完整的移动端<span style="color: black;">制品</span>(已上线)。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">本文由 @裴桂山 原创发布于人人都是<span style="color: black;">制品</span>经理&nbsp;,未经许可,禁止转载。</span></p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">起点学院《首席运营官实战训练营》4月北京、深圳、广州三地<span style="color: black;">同期</span>开课,猛戳“阅读原文”抢占座位</span></p>




听听海 发表于 2024-9-2 05:01:15

楼主的文章深得我心,表示由衷的感谢!

4lqedz 发表于 2024-9-30 20:37:11

在遇到你之前,我对人世间是否有真正的圣人是怀疑的。

nqkk58 发表于 2024-10-16 20:26:31

你的见解真是独到,让我受益匪浅。

b1gc8v 发表于 2024-11-5 23:56:30

seo常来的论坛,希望我的网站快点收录。

qzmjef 发表于 4 小时前

这篇文章真的让我受益匪浅,外链发布感谢分享!
页: [1]
查看完整版本: 落地页设计:从概念到上线的5个过程