论坛 › 西藏 › 落地页设计：从概念到上线的5个过程

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 发表于 前天 20:26

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

查看完整版本: 落地页设计：从概念到上线的5个过程