外贸网站建站（一）：怎么样设计网站架构与内容布局
<img src="https://p3-sign.toutiaoimg.com/pgc-image/S3HNTPs3tsGfrT~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1725998121&x-signature=0%2FYb%2FmMY7LRc2yxj9QHqEcxuFzU%3D" style="width: 50%; margin-bottom: 20px;"><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><img src="https://p3-sign.toutiaoimg.com/pgc-image/S7WGimD4slkCtO~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1725998121&x-signature=a9kO7LIF4wLOqfO7Z%2FfKdLjGtsw%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这个是2018年下半年，<span style="color: black;">咱们</span>为一家工程机械客户<span style="color: black;">研发</span>的外贸网站，<span style="color: black;">研发</span>周期将近1个半月。在这<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>记！</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">#1、<span style="color: black;">认识</span><span style="color: black;">全世界</span>行业网站通用色调</strong></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>
<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>
<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>我的设计<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>，看似无用，当真正发挥效力的时候，你会感觉信手拈来而又自信满满。</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>：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">#FE0000（红色）+ #000000（黑色）+ #FFFFFF（白色）+ #FFB717（黄色）</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">#FFBE00（黄色）+ #000000（黑色）+ #FFFFFF（白色）+ #F1F1F1（灰色）</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">第1</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>
<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>第二种色系搭配。</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>。</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>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">#2、首屏Banner海报设计，独树一帜</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">开篇引入的Banner只是其中一张海报，以下是<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><img src="https://p6-sign.toutiaoimg.com/pgc-image/S7WGin8AKuLDtB~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1725998121&x-signature=wns0Gb7rfbyliFLfwiy8Fs4opmM%3D" style="width: 50%; margin-bottom: 20px;">
<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>
<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>与设计**年。</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>多少国家、多少客户。</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><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>地只关注<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;"><strong style="color: blue;">#3、<span style="color: black;">制品</span>展示，风格清新灵活</strong></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>的国外网站，都是讲求顺其自然，局部与整体的融合感。</p><img src="https://p3-sign.toutiaoimg.com/pgc-image/S7WGipP4qw709H~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1725998121&x-signature=1ngejQ58cYlq0T1GM%2Bad8qtjhgk%3D" style="width: 50%; margin-bottom: 20px;">
<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;"><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>Body的字体颜色<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>
<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>
<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>JavaScript的动态特效，哗众取宠的结果<span style="color: black;">常常</span>贻笑大方。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">#4、关于<span style="color: black;">咱们</span>，页面的灵魂所在</strong></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><img src="https://p3-sign.toutiaoimg.com/pgc-image/S7WGirU3mf2QSP~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1725998121&x-signature=r65KucBxEEGV37WCaGOVlcLO8oM%3D" style="width: 50%; margin-bottom: 20px;">
<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;">但其实<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>，我是怎么做About Us<span style="color: black;">或</span>说Company Overview的布局设计？</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>？—— 逆向思维。</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>和虚无缥缈的内容来凑版块。</p>
<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;">越不说，越<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>
<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>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">#5、紧抓不放，时刻将<span style="color: black;">处理</span><span style="color: black;">方法</span>摆在首位</strong></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>最先进的。<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><img src="https://p3-sign.toutiaoimg.com/pgc-image/S7WGjOGHKOJbuZ~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1725998121&x-signature=m0my98rCnkWaIB4rkn88XCXSf70%3D" style="width: 50%; margin-bottom: 20px;">
<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>。</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>，不管你听没听懂，在我讲完之后，你哪里来回哪里去。</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>深入和探索，才有<span style="color: black;">制品</span>价值的飞速<span style="color: black;">提高</span>。不是不<span style="color: black;">晓得</span>客户的重要性，是真的<span style="color: black;">无</span>时间Care<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>
<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>
<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>
<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>品牌价值和利润空间。</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>的运营思维。这些思维，会<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>更加到位而富有张力。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">（<span style="color: black;">源自</span>：外贸网站SEO推广攻略）</p>
<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;"><strong style="color: blue;">上雨果网搜索“跨境资料库”,领取欧美/东南亚各国市场商机、各大平台热销品报告、跨境电商营销白皮书！</strong></p>
顶楼主，说得太好了！ 外贸论坛是我们的，责任是我们的，荣誉是我们的，成就是我们的，辉煌是我们的。 你的言辞如同繁星闪烁，点亮了我心中的夜空。 感谢你的精彩评论，带给我新的思考角度。
页:
[1]