前言
本篇内容想讲一讲一个标准的外贸B2B独立站的顶部菜单规划设计,同时也包括footer(页脚)的规划设计。
为什么我要讲这一块呢,因为我看了太多朋友的网站菜单,简单、粗暴,没有任何思考,好像就是某宝花500块匆匆搭建的模板站一样,对我们来讲,独立站是能撬动百万升至千万业绩的渠道项目,你草草开始,注定就是草草结束。
顶部菜单的核心作用是高效引导用户完成“探索”与“决策”,大家可以理解一个一家大型超市的指示牌,比如山姆,跟着指示牌迅速找到自己想到的东西,购买、结账,全程丝滑。最终目的是以用户采购流程为核心、业务目标为导向的导航设计方式。如果你去逛超市和逛迷宫一样, 压根找不到你要的东西,那谈何转化,你们说是吧。
底部菜单footer则作为“信任”,聚合公司背景、法律条款、客户支持等辅助营销信息,增加你的品牌可信度。
我们分析了20个左右的B端独立站站,包括我们团队自己运营的独立站,帮合作伙伴搭建设计的外贸独立站和竞争对手独立站(月均流量200K以上)。
那我们就分两块逐一地拆解吧。
注意:本篇以B2B定制包装外贸独立站进行讲解。
顶部菜单规划设计
认真好学的同学肯定已经看了我之前关于关键词调研的内容:
里面有提到,关键词调研和梳理过后就要规划菜单了,它是有一个先后顺序关系的。
为什么先有关键词才有菜单,好问题,因为关键词包含你的产品、你的主营业务等等,那我们顶部菜单的目的是什么:
❝顶部导航菜单的设计直接反映了企业的核心业务模式和其对B2B客户采购旅程的理解。可归纳为两点:“产品驱动”和“解决方案/用户驱动”。
这样是不是就前后呼应上了。
基于上面提到的两种模式,我们要遵守下面设计原则
直击重点
用户进入你的独立站后,需要在不用点击的情况下指导你们提高哪些产品、哪些服务、哪些解决方案。
如下图,用户进来后,鼠标只是轻轻的靠在了Prodcut上(下面就展示了很详细的产品分类,且有图),并且右边(数字3)还直接给出了,如果没找到,还有定制解决方案,基本上把客户的需求包圆了。
一个点击没有,就能全局了解你的产品体系。
行业同理。
用户在完全没有点击的情况下,就了解到了你们行业提高了哪些产品、哪些行业经验。
这里其实还可以在完善下,加上按照风格,或者材质。
尽可能把客户的需求包圆了。
如果说,你们产品单一,那么如何设计,还是那句话:直接重点,二级目录转为一级。
产品解决了,按照客户采购流程,下面是什么,看看你的资质,背景、师资力量等等。为什么选择我们。
OK。公司没问题,下面是什么,那就是配套服务了,比如,你们有没有免费设计、有没有样品、有没有包邮,有没有设计模板。
如果说用户从进来到购买有10个考察点,你每多一个点,就+1分。到满分10分后,他还有什么理由不点击询盘?
这就是顶部菜单的设计思路,万变不离其宗,好好分析你的产品优势和客户画像。
footer页脚规划设计
底部菜单是企业建立信任和提供辅助信息的“地基”。它承担着在用户完成顶部导航探索后,提供所有背景信息和验证其可信度的功能。
关于公司和信任和支持
B2B采购通常涉及大额交易和长期合作,因此法律合规性和透明度是决策的关键要素。
对公司产品、服务的概述
这一步高度概括公司能提高提供的产品和服务。而且这里还有个好处,就是方便爬虫爬取的你的网站。
我把它整理了一个最终表格,供参考。
产品 | - 产品盒 - 标准运输箱 - 经济型运输箱 | |
- 定制化妆品展示盒 - 定制牛皮纸盒 - 定制包装盒 - 定制印刷盒 - 个性化定制盒 - 磁吸翻盖盒 - 邮寄盒 - 披萨盒 - 自动锁底插口盒 | ||
行业 | - 纸板包装 - 化妆品盒 - 展示包装 - 环保包装 - 食品与饮料 - 礼品盒 - 铝箔袋 & 自封袋 - 零售包装盒 - 硬盒 | |
解决方案 | - 行业方案 - 选项库 - 灵感库 - 成品折叠纸盒 - 数字瓦楞包装 | |
公司 | - 关于我们 - 为什么选择 XXXX / TCB - 工作原理 - 招聘信息 - 客户案例 - 客户评价 | |
- 加州透明法案 - 法律声明 - 隐私政策 - 无障碍声明 - 合规说明 - 网站地图 | ||
(说明文字:* 致力于绿色未来,每完成一份订单,我们都会通过美国国家森林基金会种植树木。*) | ||
资源 | - 支持门户 / 帮助中心 & 常见问题 - 设计稿技巧 / 设计规范 - 获取报价 - 常见问题 - 灵感库 | |
联系 | - 📍 示例地址 B, 城市 X, 国家 Y - 📍 示例地址 C, 城市 X, 国家 Y - 📞 免费电话:000-000-0000 - 📞 前台电话:111-111-1111 - 📠 传真:222-222-2222 - 📧 邮箱:support@example.com |
总结
上面说了那么多,其实就满足三个核心目标:高效地引导用户找到核心产品,告诉客户品牌信誉,以及最大限度地促成潜在客户转化。
复杂吗?做独立站就是这样,精打细算:)
今天就分享到这,感谢你的耐心阅读。

優(yōu)網(wǎng)科技秉承"專業(yè)團隊、品質(zhì)服務(wù)" 的經(jīng)營理念,誠信務(wù)實的服務(wù)了近萬家客戶,成為眾多世界500強、集團和上市公司的長期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動端應(yīng)用(手機站、APP開發(fā))、微信定制開發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。