加入国际站
返回旧版 新版反馈
关闭 评分
铜币:
剩余
* 评分才能提交噢
理由:

 | 
只看楼主


  • 0 楼#

    cn1001620665

    • 粉丝
      11
    • 人气
      438
    • 积分
      0
    • 铜币
      399

        首先说句题外话,希望大家点开帖子的都可以给个回复,俗话说“看帖回复是种美德”。然后希望大家给点中肯的建议,无论怎样的建议我都虚心接受。真心的希望能和大家交流讨论。如果大家有什么疑问,也可以回复。知无不言,言无不尽。


        文章会很长,附件的word又因为太大不能上传。所以如果有需要的人,可以告知邮箱,我会发送一份word版的。但真心的希望大家可以看完。

        旺铺指数已经达到98.9%了,做个总结和分享。这里的分享是仅仅针对旺铺装修的。因为线下我们也做了很多的努力,这要说起来就太多了。而且旺铺指数的上升也不是光靠旺铺的展现,所以,希望大家不要会错意。

    图片:旺铺指数98.9.jpg


         --------------------------------------------------------

        前言。

        经过不懈努力,我们公司的旺铺指数终于达到了98.9%,而且过99%也不是什么问题。为了旺铺呈现最好的态势,我们做了多方的努力。在过程中,学到了很多东西,得到了很多教训,研究了很多方法,得到了很多成果。现在做一个总结,算是对自己一个完整的交代,也给大家一个分享。

        我就从最初的想法到一步步的实施,和大家慢慢聊聊吧。文章会很长,也可能会很乱,但希望大家能认真看完,然后取其精华、弃其糟粕。更多的是希望大家可以从中思考到一些适合自己公司文化,公司产品的展现方式。同时也希望大家多提出宝贵的意见。谢谢。

        公司网址:http://ylh.en.alibaba.com/
             -------------------------------------------

        总基调的选择。

        最初的想法是希望网站能够做的简介,不拖沓却很全面。

        旺铺的改版,也是alibaba的一个转折。从以前单纯突出产品的纯交易网站,变成了如今更多的是展现企业整体的一个信息、产品、服务等议题的综合平台的转变。对此,我是想迎合现在的发展,不仅只是单纯的展现产品,也展现出公司的方方面面。这是一个最大的基础想法,决定了网站的主基调。

        真正做起来,中间遇到了很多问题。

        白色,是我选定的主基调。原因有四个:1、白色够大气,看着也不沉闷。2、白色能搭配的颜色比较多。3、有很多固定板块是白色的不能修改颜色。4、模块之间会出现白色的间隔条,不能去掉。所以,选择了这个安全、不复杂的颜色。

        选好了主色调,就开始考虑搭配颜色。一般网页主色不应超过3种,不然会给人一种凌乱的感觉。最后决定了,红色和青灰色。红色用来凸显LOGO、零星点缀、醒目标记用。青灰色用来压制整个页面不至于显得太轻浮活泼、或者太耀眼。

        选好颜色后,开始考虑添加哪些内容。主题图、客服、分类、联系方式,一个都不想少,每个大的分类里又包含了一些小的点缀。这是强迫症啊伤不起。反正就是杂七杂八的都融合在一起凑成了一个网站,离我想想中的还差很多。一部分因为自己的水平有限,实在做不来,另一部分是因为alibaba限制了css的使用。

        下面就按部就班的讲讲各部分内容吧。我的基本思路是,访客要看的是什么,我希望访客看到的是什么;按照这个思路去设计,排版。

        -------------------------------------

       Home 首页

       LOGO

    图片:标题LOGO.jpg



            我对LOGO设计的想法就是简单明了。看着不烦就行,至于不凡也没考虑那么多。一个商标+公司名称,做了点倒影渐淡的点缀,其他多余的什么都没有。

           访客看这部分的目的是LOGO,公司名称。我希望访客看到的也是LOGO和公司名字。任何多余的部分都有可能弱化访客对于LOGO和公司名称的印象,得不偿失。至于周围有很多人问我,二维码和电话号码呢?我觉得没有访客会看到HOME看个LOGO就想打电话扫二维码的,所以完全没必要放在LOGO部分。

        装饰我用了连到页面两端的一条不规则红线,有一定的装饰和灵动性,也把LOGO部分与下面的内容部分切割开,更突出LOGO部分的内容。

        这部分内容的意义远大于美观的意义。

        ----------------------------------------------------

        导航

    图片:图片1.png



        导航没别的,就是要看清、看清、再看清。只要配色别太过分,看的非常清楚,就够了。没多想,直接青灰色字体+白底。当然,由于后来alibaba将最开始的products页面改为了 products categories 导致最后一个页面contacts 的一部分也融入了青灰色底,有点小遗憾。但由于造型的拼接相对麻烦,改起来不易;而且询问过不少人的意见,说不影响内容,甚至有些觉得这也算是一个小“特点”、“小创意”,我也就听之任之了。

        导航,简单、清楚、明了、显眼,足矣。
        --------------------------------------------------------

       主题图

    图片:主题图1.jpg



        主题图是从 Not only a product But also an attitude 上方的青灰色渐变就开始了。包括了三个部分。

       1、Not only a product But also an attitude和青灰色底纹。这是我们队客户的承诺,也就是所谓的口号。给自己勉励,给访客信心,愿意接受我们。一目了然,突出重点,如果能再外带点装饰效果就更好了。

        2、产品最大分类。这部分是周围人问的最多最感兴趣的,也是我比较满意的部分。整体分类排列不整齐,打破一些限制,不至于让访客觉得死板。颜色分为3种,最深的颜色看的最清楚,是我们竞争能力最强的分类;较深的颜色是一些比较大众的车型,竞争力较大,但我们同样比较具有竞争力的分类;最浅的颜色是一些偏门的、打酱油的、基本不具备竞争实力的分类。有意识的去引导客户的走向。

        3、主题图产品部分。欢迎词+主推产品(或者新产品、或者其他反正想放上去的产品)+广告语。重点就是一目了然的告诉访客,我们是干什么的;我们希望呈现的是什么。我觉得这部分的美观设计大于内容,并不刻意的非要去达到什么目的,协调网站、美观、还能额外的带点广告,就可以了。

        此部分的内容很杂,起到承上启下的作用,是网页中的重点中的重点。
            --------------------------------------------------------------------

        公司简介

    图片:图片2.png


        公司简介是不能改且必须有的部分,所以也没什么好说的。提供好的素材,录好的录像。在这里我顺带的就把模块标题栏说了吧。红色的小竖线是起到醒目+点缀的作用,青灰色的渐变是为了让页面分割不死板,且在有活泼性的同时不至于看的凌乱。
        -------------------------------------------------------------

          TradeManager客服


    图片:图片3.png



        客服也是首页上的一个重点。这部分集成了公司官网二维码和客服。

        二维码,是公司管网而并非alibaba的首页。很多客户会在意是否有官网(仅仅是在意有没有而已),因为在国外,官网是被认为公司是否正规的一个很重要的因素。而且进入首页的人根本不要再扫一次首页的二维码。

        二维码的下方是一个询盘链接。但其实实际意义不大。因为公司简介部分就已经有询盘发送了。这部分我的原意本来是可以发给每一个客服询盘,但不知道如何分开到每个客服的ID,所以退而求其次,也是给自己一个提醒,以后如果有办法,再修改。在此,也询问各位,是否有办法让询盘发送给每一个客服而并非主账号?如果有方法,希望能告知。

        右边是六位客服,我用了真实照片,是为了让访客增加信任度,比那些美女帅哥的照片、或者可爱的卡通什么的来的有用的多。照片的右下角的红色签名为客服的英文名,签名更具有亲和力也省去了占用一行的烦恼,缩短页面长度。

        旺旺的图标可以显示及时在线,知道每一位客服的情况,提高沟通效率。点击后,激活软件版TradeManager聊天窗口。后面的TradeManager ID点击后激活web版TradeManager聊天窗口,方便没有下载此软件的访客使用。此部分不满意的地方在于,旺旺图标在不刷新的时候不能正常的显示在线与否(当访客访问首页看到图标灰色,客服不在线;当客服上线后,访客一直保持在首页,且没刷新页面,则客服依旧显示不在线,而并非已经登录的状态)。如果各位有解决的办法,同样希望能告知。

        右上角的24小时服务是一个很简单的设计。很多地方都可以看得到,就不做过多的说明了。
             -----------------------------------------------------

        多语言

    图片:图片4.png



        多语言的素材其实也是论坛里就有下载的,加上自己的一些改变,做成了现在的样子。经常有人问我,为什么不做国旗的,国旗的多有创意啊之类的。说起创意,被用滥了的创意不是创意,我随便看了看,绝大多数公司用的都是国旗,各种各样的设计,我没必要再挤到“国旗大军”中。而且我丝毫不觉得国旗是个多么优秀的创意。

        其实,最关键的不是创意问题,而是国旗存在一定的漏洞。举例说明:一个巴西客户,说的是葡语。但我不得不考虑到也许他根本 不认识葡萄牙国旗而只认识巴西国旗。之后会有人说,那下面也写了国家的名称或语言的名称啊?!那么国旗的意义除了占版面,还有什么呢?那我们做国旗的意义又在哪里呢?

        或许有人还会说,看到国旗有亲切感,增加访客的好感什么的。但我们是做车辆出口的,中国的车辆多半都不会出口到那些国家,那些人也不是我们的目标人群。而且,客户对小语种的需求当然是便捷远大于亲切感。这种做法我觉得有些舍本逐末了。

        其实我对现在的多语言也很不满意。因为都是字,让我觉得这部分整体看上去有些凌乱,和页面其他地方显得有些格格不入。但也没想好如何修改。这点还希望大家能提出宝贵的意见。
        ----------------------------------------------------------------------

        Banner

    图片:banner质量与服务.jpg



        Banner的设计是我相当苦恼的一部分,也是我最不满意的一部分之一。因为从头到尾我都没有一个好的思路。不过我觉得,Banner还是从4个方面展现下公司的实力或者公司产品的多样性比较好。如果公司产品种类不多,也可以重点推介四种最具有竞争力的产品。我是从四个方面做了四张图放在上面。现在觉得也不是很好,所以也希望大家能给予好的创意想法。
        ------------------------------------------------------------------

        认证

    图片:图片8.png



        认证是alibaba的固定模块,我认为也是必要的。所以放在产品的上面。做一个承上启下的用途。而且这部分alibaba做的也是比较整齐的,可以放在相对乱的产品和貌似整齐的Banner中间起一个过度作用。
        --------------------------------------------------------

           详细产品分类(左侧)

    图片:图片7.png


        有人问我,这里已经有很详细的分类了,为什么上面还要做一个呢。首先,上面的分类我希望有些美感和创意在(尽管我不知道在你们的眼里算不算有点创意);其次,如果是老客户或者对我们公司有些了解的客户,我希望给他们一个更便捷的直接挑选产品的方式,而无需下拉好几个页面耽误时间;再次,其实这是我心虚的一个表现。正如我所说的,下面的很多地方其实我不满意;自己都觉得不太好,又如何让客户满意呢。所以上面的分类其实分流了一些首次访问的客户,减小浏览页面的时候而产生一些不必要的客户损失。

        现在的分来看着好凌乱,以后也会逐步调整的。顺便说一句,网站一定要做减法,在功能不减少的情况下,做的越简单,学习成本越低,得到效果反而越好。有些看着特别繁复功能也特别齐全,看着特别高端大气上档次的网站却没有理想中的效果也许就是过于繁琐。用户真的不是一个勤劳的群体,对他们来说,越简单越效率就越好。
        -----------------------------------------------

        Contact us

        Contact us也是一个我不是很满意的地方,也在想办法改进中,所以就不放图了。因为如果放一些公司信息,那信息量太少,意义也不大。如果放业务员信息,又容易产生“为什么他的联系方式在前面”之类的矛盾。最后我做了妥协,放公司联系方式和一些很有经验的业务员信息,并明确告诉所有业务员,这上面的信息是靠能力得来的。

        千万不要小看这些联系信息,很多客户就是通过这个打电话的,还有很多国内的同行做不了,打过来给我们介绍客户的。而且这部分的客户反而是最真实最有可能成订单的。我们经常也问问对方,是如何打到这里的,有很多都是看到了这个联系方式。
             ----------------------------------------------------

        橱窗产品展示(右侧)

    图片:图片5.png



           橱窗产品的模块也是固定的。所以要做的只是产品图片的美观。考虑到我们的橱窗产品中包含15个main product,那个提示颜色是橙色的。所以我选了比较大方稳重的冷色调蓝色来平衡色彩感。加上橙色渐变的外框,自我感觉良好,嘿嘿。当然,必要的信息一个都不能少,什么认证啊、精品诚企啊、公司名称啊、LOGO啊,能加的都给他加上,在不影响美观的前提下,尽可能多的展示就对了。

        最后是一个毫无新意的询盘。
             ----------------------------------------------

       New Arrival

       主题图

    图片:新页面上部大图new arrival.jpg




        此页面的目的是为了展示我们的新产品。新产品总是需要更多的舞台展示自己,以赢得客户的信任,和新人一样。主题图还是想以简单明了的方式展现新产品的优势。现在仅仅是一张图,配套的部分还在修改,当全部修改完成后,会有一些链接。
            ----------------------------------------------

        分类

    图片:图片6.png



        此页面的分类就是要简洁明了,我选择了一些图案搭配文字的形式。看着有些灵动又不失大气,简介度也还是不错的。深灰色和白底的搭配也让这部分看着比较清爽,没有拖沓感。上边用卡纸笔记本的造型隔开是希望给访客一种错觉,不会显得页面太长。因为我都觉得这个页面有些过长了。
            -------------------------------------------------

          中间的广告大图

    图片:新页面中间广告1.jpg



        这部分不得不说太麻烦了,费了好久的事儿啊!这个创意是看到某品牌的的广告创意来的灵感(基本样式说照搬也不为过,但其实我真改了不少)。用了白色的底色带一个中国式的图案,没什么具体想法,不过看起来有点出乎我意料的满意。左边纸被车辆拉着绳子撕开的造型,后面的灰色是一个同款式朦胧的仓栅式载货车。表明我们可以改装不同的车款。我对这部分的满意度还是相当高的。
        ---------------------------------------------------------

        三类图


    图片:ready market页面广告.jpg

    图片:图片1.jpg


        下方是三类一样的图。分别推荐了 高配、热卖、经济 三种类型的每种4款车。角度一致。简明扼要的阐述优势、销售热区和活动。

        单图采用的是灰色底+右边车辆效果图的设计。左边的灰底有地图,表明我们的实力和决心。后视镜的设计算是一个小创意吧。第一张后视镜里的地图表示车的热销;第二张向下的箭头表示汽车的经济性(无论是想成价格的低还是油耗的低);第三张是一个粗糙的路面,表示车子的性能很优秀。配上每张图的广告语,感觉还是不错的。
            --------------------------------------------------------

        左边的 分类、公司简介、 主要产品

           这部分就不截图了,就是一些基础板块。

           分类是只要和产品有关联的页面都必须有的,不多说。公司简介 和 主要产品 暂时都是打酱油的,只是填个地方,留着以后放东西用。
        ---------------------------------------------------------

       Ready Market

        主题图

    图片:图片2.jpg



        主题图的设计同样是地图(楼主真的很钟爱地图啊,有木有!)。用了四十多张车辆效果图想了很多拼凑的方式,调了很久,感觉这样看着最舒服。加上下面的话,展现公司实力,给客户以信心,让客户明白我们的实力、专业、态度。想表达的意思就是全世界都有我们的车存在,任何环境下我们都有适合的车型。

        分类依旧和New Arrival 一致,不多说。
            -----------------------------------------------

        中间大图
     

    图片:图片3.jpg

    图片:图片4.jpg


        中间的大图分为两张。第一张纯粹的展示我们的主推新车型,并配上文字:千里之行始于足下。这句话仁者见仁、智者见智,可以随意发挥思想。第二张主要展现我们的优势,图文并茂吧算是。
             --------------------------------------------

       总结

        这次的版面有好有坏,有些我觉得很不错,有些觉得糟透了。清爽的风格是我最喜欢的,大气、不繁,必然就会不凡。我也会朝着这个方向继续努力的。发上一个帖子的时候,已经有了这一版的原型,也得到了一些中肯的意见。修改了不少。做了很多减法,去掉了很多累赘的修饰。目标是在展现了我所希望展现的内容的情况下,尽量减少访客的学习成本,操作越简单越好,网站的层级逻辑越少越好。

        繁复不代表高端,简单不代表平凡。套用一句话:越平凡,越不凡
        --------------------------------------------

        题外话

        还是那句话,希望点开帖子的能回复下,无论什么样的建议,都虚心接受。也希望大家能取长补短,一起提升。

  • 1 楼#

    莉小菲

    • 粉丝
      139
    • 人气
      869
    • 积分
      92
    • 铜币
      390

    亲,你的分享真的很长,我只能表示下班回宿舍 再细看,麻烦发一份给我shuyuxian@126.com

  • 2 楼#

    cn1501749016

    • 粉丝
      1
    • 人气
      215
    • 积分
      0
    • 铜币
      66

    我仔仔细细地从头看到了尾,表示很受教育,感谢楼主分享!

  • 3 楼#

    wedmfilter

    • 粉丝
      7
    • 人气
      599
    • 积分
      40
    • 铜币
      2276

    cn1000385400:亲,你的分享真的很长,我只能表示下班回宿舍 再细看,麻烦发一份给我shuyuxian@126.com回到原帖
    学习学习!!!!!

  • 4 楼#

    cn220208234

    • 粉丝
      6
    • 人气
      468
    • 积分
      15
    • 铜币
      6

    哇塞,楼主,都是你自己做的?太真心佩服了,要花多长时间啊!

  • 5 楼#

    Paul Gu

    • 粉丝
      1
    • 人气
      182
    • 积分
      0
    • 铜币
      88

    楼主很用心,做的也很好。有很多值得学习的地方!

  • 6 楼#

    老庞

    • 粉丝
      27
    • 人气
      524
    • 积分
      0
    • 铜币
      1790

    不错哦

  • 7 楼#

    cnphilex

    • 粉丝
      0
    • 人气
      149
    • 积分
      85
    • 铜币
      4

    谢谢分享

  • 8 楼#

    cn1001620665

    • 粉丝
      11
    • 人气
      438
    • 积分
      0
    • 铜币
      399

    cn1501749016:我仔仔细细地从头看到了尾,表示很受教育,感谢楼主分享!回到原帖
    不客气,大家一起进步。

  • 9 楼#

    cn1001620665

    • 粉丝
      11
    • 人气
      438
    • 积分
      0
    • 铜币
      399

    cn220208234:哇塞,楼主,都是你自己做的?太真心佩服了,要花多长时间啊!回到原帖
    都是自己做的。前期准备工作,找素材,定主题耗时挺长的。真正开始做,也就2个星期吧。

  • 10 楼#

    cn1001620665

    • 粉丝
      11
    • 人气
      438
    • 积分
      0
    • 铜币
      399

    cn1001841173:楼主很用心,做的也很好。有很多值得学习的地方!回到原帖
    谢谢你的肯定。

  • 11 楼#

    cnphilex

    • 粉丝
      0
    • 人气
      149
    • 积分
      85
    • 铜币
      4

    谢谢分享

  • 12 楼#

    cn1501724518

    • 粉丝
      0
    • 人气
      63
    • 积分
      0
    • 铜币
      3

    谢谢楼主。cn220277127

  • 13 楼#

    cn1501724518

    • 粉丝
      0
    • 人气
      63
    • 积分
      0
    • 铜币
      3

    楼主。abbyyg@hotnail.com。

  • 14 楼#

    cn1501724518

    • 粉丝
      0
    • 人气
      63
    • 积分
      0
    • 铜币
      3

    又错啦,是abbyyg@hotmail.com

  • 15 楼#

    cn1020717764

    • 粉丝
      0
    • 人气
      141
    • 积分
      0
    • 铜币
      6

    顶,强烈要学习,麻烦提供下文本andy@foilfilmtape.com,THANKS A LOT.

  • 16 楼#

    cn1001620665

    • 粉丝
      11
    • 人气
      438
    • 积分
      0
    • 铜币
      399

    cn1501724518:又错啦,是abbyyg@hotmail.com回到原帖
    已发送,请注意查收。

  • 17 楼#

    cn1001620665

    • 粉丝
      11
    • 人气
      438
    • 积分
      0
    • 铜币
      399

    cn1020717764:顶,强烈要学习,麻烦提供下文本andy@foilfilmtape.com,THANKS A LOT.回到原帖
    已发送,请注意查收。

  • 18 楼#

    汽车总动员3

    • 粉丝
      1
    • 人气
      436
    • 积分
      60
    • 铜币
      0

    谢谢楼主, 2360151706@qq,com 楼主啊,我觉得你是不是学习了美图啊,素材啊什么我都不知道怎么找啊

  • 19 楼#

    cn1001620665

    • 粉丝
      11
    • 人气
      438
    • 积分
      0
    • 铜币
      399

    dztruck:谢谢楼主, 2360151706@qq,com 楼主啊,我觉得你是不是学习了美图啊,素材啊什么我都不知道怎么找啊回到原帖
    不会美图,用的photoshop。



  •     首先说句题外话,希望大家点开帖子的都可以给个回复,俗话说“看帖回复是种美德”。然后希望大家给点中肯的建议,无论怎样的建议我都虚心接受。真心的希望能和大家交流讨论。如果大家有什么疑问,也可以回复。知无不言,言无不尽。


        文章会很长,附件的word又因为太大不能上传。所以如果有需要的人,可以告知邮箱,我会发送一份word版的。但真心的希望大家可以看完。

        旺铺指数已经达到98.9%了,做个总结和分享。这里的分享是仅仅针对旺铺装修的。因为线下我们也做了很多的努力,这要说起来就太多了。而且旺铺指数的上升也不是光靠旺铺的展现,所以,希望大家不要会错意。

    图片:旺铺指数98.9.jpg


         --------------------------------------------------------

        前言。

        经过不懈努力,我们公司的旺铺指数终于达到了98.9%,而且过99%也不是什么问题。为了旺铺呈现最好的态势,我们做了多方的努力。在过程中,学到了很多东西,得到了很多教训,研究了很多方法,得到了很多成果。现在做一个总结,算是对自己一个完整的交代,也给大家一个分享。

        我就从最初的想法到一步步的实施,和大家慢慢聊聊吧。文章会很长,也可能会很乱,但希望大家能认真看完,然后取其精华、弃其糟粕。更多的是希望大家可以从中思考到一些适合自己公司文化,公司产品的展现方式。同时也希望大家多提出宝贵的意见。谢谢。

        公司网址:http://ylh.en.alibaba.com/
             -------------------------------------------

        总基调的选择。

        最初的想法是希望网站能够做的简介,不拖沓却很全面。

        旺铺的改版,也是alibaba的一个转折。从以前单纯突出产品的纯交易网站,变成了如今更多的是展现企业整体的一个信息、产品、服务等议题的综合平台的转变。对此,我是想迎合现在的发展,不仅只是单纯的展现产品,也展现出公司的方方面面。这是一个最大的基础想法,决定了网站的主基调。

        真正做起来,中间遇到了很多问题。

        白色,是我选定的主基调。原因有四个:1、白色够大气,看着也不沉闷。2、白色能搭配的颜色比较多。3、有很多固定板块是白色的不能修改颜色。4、模块之间会出现白色的间隔条,不能去掉。所以,选择了这个安全、不复杂的颜色。

        选好了主色调,就开始考虑搭配颜色。一般网页主色不应超过3种,不然会给人一种凌乱的感觉。最后决定了,红色和青灰色。红色用来凸显LOGO、零星点缀、醒目标记用。青灰色用来压制整个页面不至于显得太轻浮活泼、或者太耀眼。

        选好颜色后,开始考虑添加哪些内容。主题图、客服、分类、联系方式,一个都不想少,每个大的分类里又包含了一些小的点缀。这是强迫症啊伤不起。反正就是杂七杂八的都融合在一起凑成了一个网站,离我想想中的还差很多。一部分因为自己的水平有限,实在做不来,另一部分是因为alibaba限制了css的使用。

        下面就按部就班的讲讲各部分内容吧。我的基本思路是,访客要看的是什么,我希望访客看到的是什么;按照这个思路去设计,排版。

        -------------------------------------

       Home 首页

       LOGO

    图片:标题LOGO.jpg



            我对LOGO设计的想法就是简单明了。看着不烦就行,至于不凡也没考虑那么多。一个商标+公司名称,做了点倒影渐淡的点缀,其他多余的什么都没有。

           访客看这部分的目的是LOGO,公司名称。我希望访客看到的也是LOGO和公司名字。任何多余的部分都有可能弱化访客对于LOGO和公司名称的印象,得不偿失。至于周围有很多人问我,二维码和电话号码呢?我觉得没有访客会看到HOME看个LOGO就想打电话扫二维码的,所以完全没必要放在LOGO部分。

        装饰我用了连到页面两端的一条不规则红线,有一定的装饰和灵动性,也把LOGO部分与下面的内容部分切割开,更突出LOGO部分的内容。

        这部分内容的意义远大于美观的意义。

        ----------------------------------------------------

        导航

    图片:图片1.png



        导航没别的,就是要看清、看清、再看清。只要配色别太过分,看的非常清楚,就够了。没多想,直接青灰色字体+白底。当然,由于后来alibaba将最开始的products页面改为了 products categories 导致最后一个页面contacts 的一部分也融入了青灰色底,有点小遗憾。但由于造型的拼接相对麻烦,改起来不易;而且询问过不少人的意见,说不影响内容,甚至有些觉得这也算是一个小“特点”、“小创意”,我也就听之任之了。

        导航,简单、清楚、明了、显眼,足矣。
        --------------------------------------------------------

       主题图

    图片:主题图1.jpg



        主题图是从 Not only a product But also an attitude 上方的青灰色渐变就开始了。包括了三个部分。

       1、Not only a product But also an attitude和青灰色底纹。这是我们队客户的承诺,也就是所谓的口号。给自己勉励,给访客信心,愿意接受我们。一目了然,突出重点,如果能再外带点装饰效果就更好了。

        2、产品最大分类。这部分是周围人问的最多最感兴趣的,也是我比较满意的部分。整体分类排列不整齐,打破一些限制,不至于让访客觉得死板。颜色分为3种,最深的颜色看的最清楚,是我们竞争能力最强的分类;较深的颜色是一些比较大众的车型,竞争力较大,但我们同样比较具有竞争力的分类;最浅的颜色是一些偏门的、打酱油的、基本不具备竞争实力的分类。有意识的去引导客户的走向。

        3、主题图产品部分。欢迎词+主推产品(或者新产品、或者其他反正想放上去的产品)+广告语。重点就是一目了然的告诉访客,我们是干什么的;我们希望呈现的是什么。我觉得这部分的美观设计大于内容,并不刻意的非要去达到什么目的,协调网站、美观、还能额外的带点广告,就可以了。

        此部分的内容很杂,起到承上启下的作用,是网页中的重点中的重点。
            --------------------------------------------------------------------

        公司简介

    图片:图片2.png


        公司简介是不能改且必须有的部分,所以也没什么好说的。提供好的素材,录好的录像。在这里我顺带的就把模块标题栏说了吧。红色的小竖线是起到醒目+点缀的作用,青灰色的渐变是为了让页面分割不死板,且在有活泼性的同时不至于看的凌乱。
        -------------------------------------------------------------

          TradeManager客服


    图片:图片3.png



        客服也是首页上的一个重点。这部分集成了公司官网二维码和客服。

        二维码,是公司管网而并非alibaba的首页。很多客户会在意是否有官网(仅仅是在意有没有而已),因为在国外,官网是被认为公司是否正规的一个很重要的因素。而且进入首页的人根本不要再扫一次首页的二维码。

        二维码的下方是一个询盘链接。但其实实际意义不大。因为公司简介部分就已经有询盘发送了。这部分我的原意本来是可以发给每一个客服询盘,但不知道如何分开到每个客服的ID,所以退而求其次,也是给自己一个提醒,以后如果有办法,再修改。在此,也询问各位,是否有办法让询盘发送给每一个客服而并非主账号?如果有方法,希望能告知。

        右边是六位客服,我用了真实照片,是为了让访客增加信任度,比那些美女帅哥的照片、或者可爱的卡通什么的来的有用的多。照片的右下角的红色签名为客服的英文名,签名更具有亲和力也省去了占用一行的烦恼,缩短页面长度。

        旺旺的图标可以显示及时在线,知道每一位客服的情况,提高沟通效率。点击后,激活软件版TradeManager聊天窗口。后面的TradeManager ID点击后激活web版TradeManager聊天窗口,方便没有下载此软件的访客使用。此部分不满意的地方在于,旺旺图标在不刷新的时候不能正常的显示在线与否(当访客访问首页看到图标灰色,客服不在线;当客服上线后,访客一直保持在首页,且没刷新页面,则客服依旧显示不在线,而并非已经登录的状态)。如果各位有解决的办法,同样希望能告知。

        右上角的24小时服务是一个很简单的设计。很多地方都可以看得到,就不做过多的说明了。
             -----------------------------------------------------

        多语言

    图片:图片4.png



        多语言的素材其实也是论坛里就有下载的,加上自己的一些改变,做成了现在的样子。经常有人问我,为什么不做国旗的,国旗的多有创意啊之类的。说起创意,被用滥了的创意不是创意,我随便看了看,绝大多数公司用的都是国旗,各种各样的设计,我没必要再挤到“国旗大军”中。而且我丝毫不觉得国旗是个多么优秀的创意。

        其实,最关键的不是创意问题,而是国旗存在一定的漏洞。举例说明:一个巴西客户,说的是葡语。但我不得不考虑到也许他根本 不认识葡萄牙国旗而只认识巴西国旗。之后会有人说,那下面也写了国家的名称或语言的名称啊?!那么国旗的意义除了占版面,还有什么呢?那我们做国旗的意义又在哪里呢?

        或许有人还会说,看到国旗有亲切感,增加访客的好感什么的。但我们是做车辆出口的,中国的车辆多半都不会出口到那些国家,那些人也不是我们的目标人群。而且,客户对小语种的需求当然是便捷远大于亲切感。这种做法我觉得有些舍本逐末了。

        其实我对现在的多语言也很不满意。因为都是字,让我觉得这部分整体看上去有些凌乱,和页面其他地方显得有些格格不入。但也没想好如何修改。这点还希望大家能提出宝贵的意见。
        ----------------------------------------------------------------------

        Banner

    图片:banner质量与服务.jpg



        Banner的设计是我相当苦恼的一部分,也是我最不满意的一部分之一。因为从头到尾我都没有一个好的思路。不过我觉得,Banner还是从4个方面展现下公司的实力或者公司产品的多样性比较好。如果公司产品种类不多,也可以重点推介四种最具有竞争力的产品。我是从四个方面做了四张图放在上面。现在觉得也不是很好,所以也希望大家能给予好的创意想法。
        ------------------------------------------------------------------

        认证

    图片:图片8.png



        认证是alibaba的固定模块,我认为也是必要的。所以放在产品的上面。做一个承上启下的用途。而且这部分alibaba做的也是比较整齐的,可以放在相对乱的产品和貌似整齐的Banner中间起一个过度作用。
        --------------------------------------------------------

           详细产品分类(左侧)

    图片:图片7.png


        有人问我,这里已经有很详细的分类了,为什么上面还要做一个呢。首先,上面的分类我希望有些美感和创意在(尽管我不知道在你们的眼里算不算有点创意);其次,如果是老客户或者对我们公司有些了解的客户,我希望给他们一个更便捷的直接挑选产品的方式,而无需下拉好几个页面耽误时间;再次,其实这是我心虚的一个表现。正如我所说的,下面的很多地方其实我不满意;自己都觉得不太好,又如何让客户满意呢。所以上面的分类其实分流了一些首次访问的客户,减小浏览页面的时候而产生一些不必要的客户损失。

        现在的分来看着好凌乱,以后也会逐步调整的。顺便说一句,网站一定要做减法,在功能不减少的情况下,做的越简单,学习成本越低,得到效果反而越好。有些看着特别繁复功能也特别齐全,看着特别高端大气上档次的网站却没有理想中的效果也许就是过于繁琐。用户真的不是一个勤劳的群体,对他们来说,越简单越效率就越好。
        -----------------------------------------------

        Contact us

        Contact us也是一个我不是很满意的地方,也在想办法改进中,所以就不放图了。因为如果放一些公司信息,那信息量太少,意义也不大。如果放业务员信息,又容易产生“为什么他的联系方式在前面”之类的矛盾。最后我做了妥协,放公司联系方式和一些很有经验的业务员信息,并明确告诉所有业务员,这上面的信息是靠能力得来的。

        千万不要小看这些联系信息,很多客户就是通过这个打电话的,还有很多国内的同行做不了,打过来给我们介绍客户的。而且这部分的客户反而是最真实最有可能成订单的。我们经常也问问对方,是如何打到这里的,有很多都是看到了这个联系方式。
             ----------------------------------------------------

        橱窗产品展示(右侧)

    图片:图片5.png



           橱窗产品的模块也是固定的。所以要做的只是产品图片的美观。考虑到我们的橱窗产品中包含15个main product,那个提示颜色是橙色的。所以我选了比较大方稳重的冷色调蓝色来平衡色彩感。加上橙色渐变的外框,自我感觉良好,嘿嘿。当然,必要的信息一个都不能少,什么认证啊、精品诚企啊、公司名称啊、LOGO啊,能加的都给他加上,在不影响美观的前提下,尽可能多的展示就对了。

        最后是一个毫无新意的询盘。
             ----------------------------------------------

       New Arrival

       主题图

    图片:新页面上部大图new arrival.jpg




        此页面的目的是为了展示我们的新产品。新产品总是需要更多的舞台展示自己,以赢得客户的信任,和新人一样。主题图还是想以简单明了的方式展现新产品的优势。现在仅仅是一张图,配套的部分还在修改,当全部修改完成后,会有一些链接。
            ----------------------------------------------

        分类

    图片:图片6.png



        此页面的分类就是要简洁明了,我选择了一些图案搭配文字的形式。看着有些灵动又不失大气,简介度也还是不错的。深灰色和白底的搭配也让这部分看着比较清爽,没有拖沓感。上边用卡纸笔记本的造型隔开是希望给访客一种错觉,不会显得页面太长。因为我都觉得这个页面有些过长了。
            -------------------------------------------------

          中间的广告大图

    图片:新页面中间广告1.jpg



        这部分不得不说太麻烦了,费了好久的事儿啊!这个创意是看到某品牌的的广告创意来的灵感(基本样式说照搬也不为过,但其实我真改了不少)。用了白色的底色带一个中国式的图案,没什么具体想法,不过看起来有点出乎我意料的满意。左边纸被车辆拉着绳子撕开的造型,后面的灰色是一个同款式朦胧的仓栅式载货车。表明我们可以改装不同的车款。我对这部分的满意度还是相当高的。
        ---------------------------------------------------------

        三类图


    图片:ready market页面广告.jpg

    图片:图片1.jpg


        下方是三类一样的图。分别推荐了 高配、热卖、经济 三种类型的每种4款车。角度一致。简明扼要的阐述优势、销售热区和活动。

        单图采用的是灰色底+右边车辆效果图的设计。左边的灰底有地图,表明我们的实力和决心。后视镜的设计算是一个小创意吧。第一张后视镜里的地图表示车的热销;第二张向下的箭头表示汽车的经济性(无论是想成价格的低还是油耗的低);第三张是一个粗糙的路面,表示车子的性能很优秀。配上每张图的广告语,感觉还是不错的。
            --------------------------------------------------------

        左边的 分类、公司简介、 主要产品

           这部分就不截图了,就是一些基础板块。

           分类是只要和产品有关联的页面都必须有的,不多说。公司简介 和 主要产品 暂时都是打酱油的,只是填个地方,留着以后放东西用。
        ---------------------------------------------------------

       Ready Market

        主题图

    图片:图片2.jpg



        主题图的设计同样是地图(楼主真的很钟爱地图啊,有木有!)。用了四十多张车辆效果图想了很多拼凑的方式,调了很久,感觉这样看着最舒服。加上下面的话,展现公司实力,给客户以信心,让客户明白我们的实力、专业、态度。想表达的意思就是全世界都有我们的车存在,任何环境下我们都有适合的车型。

        分类依旧和New Arrival 一致,不多说。
            -----------------------------------------------

        中间大图
     

    图片:图片3.jpg

    图片:图片4.jpg


        中间的大图分为两张。第一张纯粹的展示我们的主推新车型,并配上文字:千里之行始于足下。这句话仁者见仁、智者见智,可以随意发挥思想。第二张主要展现我们的优势,图文并茂吧算是。
             --------------------------------------------

       总结

        这次的版面有好有坏,有些我觉得很不错,有些觉得糟透了。清爽的风格是我最喜欢的,大气、不繁,必然就会不凡。我也会朝着这个方向继续努力的。发上一个帖子的时候,已经有了这一版的原型,也得到了一些中肯的意见。修改了不少。做了很多减法,去掉了很多累赘的修饰。目标是在展现了我所希望展现的内容的情况下,尽量减少访客的学习成本,操作越简单越好,网站的层级逻辑越少越好。

        繁复不代表高端,简单不代表平凡。套用一句话:越平凡,越不凡
        --------------------------------------------

        题外话

        还是那句话,希望点开帖子的能回复下,无论什么样的建议,都虚心接受。也希望大家能取长补短,一起提升。



  • 亲,你的分享真的很长,我只能表示下班回宿舍 再细看,麻烦发一份给我shuyuxian@126.com



  • 我仔仔细细地从头看到了尾,表示很受教育,感谢楼主分享!



  • cn1000385400:亲,你的分享真的很长,我只能表示下班回宿舍 再细看,麻烦发一份给我shuyuxian@126.com回到原帖
    学习学习!!!!!



  • 哇塞,楼主,都是你自己做的?太真心佩服了,要花多长时间啊!



  • 楼主很用心,做的也很好。有很多值得学习的地方!



  • 不错哦



  • 谢谢分享



  • cn1501749016:我仔仔细细地从头看到了尾,表示很受教育,感谢楼主分享!回到原帖
    不客气,大家一起进步。



  • cn220208234:哇塞,楼主,都是你自己做的?太真心佩服了,要花多长时间啊!回到原帖
    都是自己做的。前期准备工作,找素材,定主题耗时挺长的。真正开始做,也就2个星期吧。



  • cn1001841173:楼主很用心,做的也很好。有很多值得学习的地方!回到原帖
    谢谢你的肯定。



  • 谢谢分享



  • 谢谢楼主。cn220277127



  • 楼主。abbyyg@hotnail.com。



  • 又错啦,是abbyyg@hotmail.com



  • 顶,强烈要学习,麻烦提供下文本andy@foilfilmtape.com,THANKS A LOT.



  • cn1501724518:又错啦,是abbyyg@hotmail.com回到原帖
    已发送,请注意查收。



  • cn1020717764:顶,强烈要学习,麻烦提供下文本andy@foilfilmtape.com,THANKS A LOT.回到原帖
    已发送,请注意查收。



  • 谢谢楼主, 2360151706@qq,com 楼主啊,我觉得你是不是学习了美图啊,素材啊什么我都不知道怎么找啊



  • dztruck:谢谢楼主, 2360151706@qq,com 楼主啊,我觉得你是不是学习了美图啊,素材啊什么我都不知道怎么找啊回到原帖
    不会美图,用的photoshop。


60 回复

与 外贸社区|外贸圈 的连接断开,我们正在尝试重连,请耐心等待