7wu1wm0 发表于 2024-8-12 08:31:50

详情页设计思路!捋一捋


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">商品详情页的<span style="color: black;">基本</span><span style="color: black;">功效</span>是进一步向顾客展示商品,对详情页的设计和优化是商品三要素中最关键的基点。在构思详情页时,应该优先<span style="color: black;">思虑</span>买家的购物心理。<span style="color: black;">由于</span>买家有需求和兴趣才会对宝贝的详情页进行深度浏览。</p>

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/36c10411799f49b1ac9faaef1a00f3da~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=yh3sOUSuy6wWwliE%2Bk2emhoXaHM%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><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>以下内容进行排版设计。</p>

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/b456deecef4143c8af768279bbd7d9e6~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=JGU2vSWqsespVixrCoLjLf1nowU%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">①<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 style="color: black;">这般</span>顾客可能为了<span style="color: black;">运用</span>这个红包,就会更认真地浏览商品。</p>

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/8abdff8ee0ae42a2b65b84b126ed3135~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=SfjVfgwoIJmaySJoPKCt1VCnFXA%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">②<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>要将此内容设计在顾客必经之处。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">③焦点图。<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>买家消费。</p>

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/cc910cf59e754c0bbe408fa949535689~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=oZH81cXVlqqPcJFSrN%2B24brGvBs%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">④商品简介。在买家<span style="color: black;">仔细</span><span style="color: black;">认识</span>商品之前,应该让其对商品有一个大体的认知,例如:商品本身的基本信息、颜色、规格、材质等内容。</p>

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/8caefabe2b274e0eaee97f4b3b302027~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=qQGlpz40F%2FiUY2MiXhkXTH%2BCebY%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">⑤商品展示。卖家<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>的疑虑和问题,将商品全方位地介绍给顾客。</p>

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/c6be85418f8c48c381f2bc94c19cb99f~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=IBIgojj6aj9ML2nIU9ZPV6GOYvs%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">⑥场景营造。将商品融进<span style="color: black;">区别</span>的场景,让顾客<span style="color: black;">认识</span>到商品的<span style="color: black;">更加多</span>用途,给顾客<span style="color: black;">更加多</span>购买的理由。</p>

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p26-sign.toutiaoimg.com/pgc-image/f15ba9956a9741f79d1eed3a4108deb7~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=xGyCK2C3jOr1wd56yHcVpHVWS18%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">⑦细节展示。当顾客对商品产生了购买欲望时,商品的细节将影响顾客的下单决定。</p>

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/bd218cfdcf29446085082ac3e7958af4~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=RU4tDJMel2wRtC%2BJopD3g1oWopA%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">⑧刺激购买。<span style="color: black;">经过</span>买家秀、好评截图或同类商品的对比,刺激犹豫的顾客下定决心,并且留住准备去别家店铺购买同款商品的客户。</p>

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/36b12f8fb64f4988a95b774ec9185029~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=JrFSPobzIJFGrIOgPEFwOihfp48%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">⑨暗示下单。<span style="color: black;">经过</span>物流、包装、售后等服务暗示顾客付费购买。顾客很容易受到快递时效的影响,加快决策的进度,例如:说明下午三点前支付的客户,当天发货。</p>

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/c2ab49f9308d4a11900c4cd3b5c776a0~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=Jpiz%2Bhr5bdmS6tWo6x9YCv%2FvE3A%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/f624c789957d40f7947484477e79ab82~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=%2B6kn12FDt71GGlm9XLRa1cv0tJQ%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">商品内容同质化严重的今天,详情页的创意能让买家眼前一亮。出彩的创意点<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>。</p>

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/7e85ffb0dcda4d2992504289248d6cac~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=e7RmLra1KdLtusoB1CEo9LWblnM%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">①对比法。<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>其他品牌、行业平均等代词,从客观事实出发进行比较。</p>

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p26-sign.toutiaoimg.com/pgc-image/5b69117501cb47e79179d77add852f8d~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=rd01aGFJS6M4XZxlV09u8VK2LJs%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">②情怀法。在介绍商品时,除了<span style="color: black;">能够</span>围绕商品本身介绍以外,还<span style="color: black;">能够</span>围绕商品撰写文案,勾起买家的情感共鸣,<span style="color: black;">亦</span><span style="color: black;">便是</span>情怀法。</p>

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/d8edc8387c954287ba6d37cc2db9fda3~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=FmG%2FGVDFAqzZ0mgF8HpebvI4LrU%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">③幽默法。在绞尽脑汁构思商品该<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>让买家下单。</p>

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/69589822628a4f25be58ee99602aee6f~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=r3SHhWkpzX7hVp3SFH7o1T7zPkE%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">④朴实法。绝大<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>对商品的质量产生信任,从而下单购买。然而,有些商品的描述采用朴实法效果会更加让人惊喜。</p>

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/565915337a4d411a889ad1808f1b410c~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=N9hu2zV%2Fb4XrKngrPPjZLFkTqHM%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">例如:谷物这类农<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>不失为一种详情页的创意做法。</p>

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/b68b92601c844483bfa3c07856c2ece7~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=2NDT6rBAk61T260S2JmZpEMfRGM%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/917c51df3900494f9abdd1f73ade4714~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1723650570&amp;x-signature=OStOoNoC6EU%2BxAhLrVkmcamnDew%3D" style="width: 50%; margin-bottom: 20px;"></div>
    <div style="color: black; text-align: left; margin-bottom: 10px;">
      <div style="color: black; text-align: left; margin-bottom: 10px;">(此处已添加圈子卡片,请到今日头条客户端查看)</div>
    </div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">① 官方头条号:设计智造 顶级创意设计师<span style="color: black;">必须</span> </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">② 本篇为 设计智造www.cocoo.top 编辑整理,版权归原作者所有,转载请注明出处!</p>




流星的美 发表于 2024-8-25 14:07:24

“BS”(鄙视的缩写)‌

j8typz 发表于 2024-8-31 03:57:54

感谢楼主的分享!我学到了很多。

jm2020 发表于 2024-9-8 12:02:06

外链发布社区 http://www.fok120.com/
页: [1]
查看完整版本: 详情页设计思路!捋一捋