实用!建站思维 Step By Step

By | 一月 30, 2016

又到了总结的时候了,不过好忙啊,累成狗啊,但是没有数钱数到手软啊,这个千万别误会!这段时间由于忙着构思

自己的网站,非常意识到建站思维的重要性,所以想把这个经验给总结下来。其实说到建站,真的是血泪史,前前后后总建了7,8个站吧,每次建新站都有些新思路,但是却从来没有给记录下来,这次建站在吸取以前经验的基础上,个人对于网站的营销思维结构是有些自得的,对的,这个思维,非常重要,所以我想要把他记录下来。

说到这个建站,个人认为最难的还是在于网站的构思,特别由于不是设计专业出身,PS也是个半吊子,所以要考虑整个网站的美感,其实是有挑战力的。由于是自用,而且我还指望能够在这个产品上实现我的房子首付,所以这个网站我是比较重视的。建个网站很容易,可能几个小时就搞定了,但是要实现网站的价值转化就需要合理科学的设计,这个是需要花时间的。我现在越来越喜欢时间就是金钱这句话了,如果要想在某个项目上实现高价值,那么最好的办法就是投入时间,也就是坚持了。这个给我的感受太深了,现在这个世界竞争如此残酷,网络技术给了我们可以获取很多好的idea的途径,所以但靠idea去获取盈利的方式已经越来越难了,现在只有执行力才是你获取成功的捷径。现在我们还是回到我如何构建网站的step by step吧!

Step 1: 开启你的模仿之旅-B2C网站细节模仿

1、理论为上

模仿说得难听点就是抄袭,其实如果能够把抄袭也做到巅峰的话其实也算值得佩服了,我一直记得小米手机的例子。然而我觉得如果不是同一行业,不给被抄袭者带来损失,有良好道德的抄袭我们这里就暂且称之为模仿吧。其实,新人建站我挺建议模仿的,因为首先我们不是设计专业出身,其次建站也不是专业出身,更不懂什么色彩学,但是这并不妨碍我们可以建成一个非常ok的网站,因为可以模仿。但是这里需要强调的一点是任何网站一般我只会去模仿其中的细节,不会全部模仿,B2C是细节,B2B是框架。

在建站之前,尤其是对产品也不了解之前,我会干两件事,一是分析优秀的网站;二是浏览同行的网站。这里我想以实例来分析比较好一点,首先是这个假发网站吧,www.luxyhair.com

这个网站相信不少人看过,其实是个很经典的B2C网站,I like it.当时分析之前有好好的去论坛上看各位前辈的优秀点评,很精辟,可能我并不仅仅停留在点评上吧,我喜欢do it,我直接尝试用自己的网站去模仿她实现的功能,发现让我很头疼。当时我找不到原因,就想着为什么这个网站这么好,我却不能把它放到我的网站上去呢,怎么放都感觉不对。后面我分析了几个优秀的B2B网站之后才恍然大悟,原因还在客户的关注点不同,这个网站虽好,但是放了大量的终端客户的用户体验的视频在上面,针对的也是终端客户。先不说这精致的视频拍摄,美丽的模特我们现有水平根本达不到,另外,如果我真的按照她的总体框架去构建网站,我把自己当作是个批发商,我想我并不会在这里寻求合作。说到美丽的模特,那次我把网址给西女王看,她说模特好漂亮,我当时在阐述网站的构架,顺口接了句,”没事,她是化了妆“,然后她接了句,”那么你会把自己化了妆之后放到网站上去吗?“我当时真心虚了吧,立马假装没听到转了话题。对的,大部分的国内供应商这点不敢做到,那就是网站内容的真实性。

2、案例实操

B2C网站注重的是用户体验,也就是服务好,价格自然可以卖的高,我喜欢B2C给我带来的那种视觉上的冲击;然而作为一个B2B实践者,我很想避免枯燥的陈述,然后发现实在没办法,因为那就是说服客户的理由所在。所以最后我挑了以下几个地方作为自己网站的借鉴之处:

 

1) our story 

这是一个有意思的about us,虽然在吹嘘自己,但是却给你讲了一个很美妙的故事;这个我非常想要跳出以往的B2B那种枯燥boring吹嘘的自我介绍,作为一个从业务一路走来,看过无数个自我介绍,也培训过晚辈怎么从自我介绍中找到客户的痛点,但是不得不说,我在忍耐着,所以我实在不能去责备很多新人比较功利化的一进入客户网站就去看our products了,因为反正看about us也是在看客户吹嘘,最讨厌人家吹牛了,是咩,哈哈。但是我能说只看了一遍这个公司的自我介绍,我现在依然记得那有趣的内容吗?所以这个网站的our story我是会借鉴过来,至于如何改装成B2B的形式,需要我再想一下。这里分享一下:

As Mimi was getting ready for her wedding day, she was looking for affordable hair extensions that she could wear for the big day and which she would be able to keep, reuse, and wear from time to time. She wanted to be able to pull off hairstyles that she normally could not since her natural hair is thin (especially at the ends) and takes forever to grow long.

After some research, Mimi found a hair kiosk at a local mall and purchased a set of human hair extensions for about $200. When she got home and tried them on, she wanted to cry, as she was terribly disappointed. The hair that she purchased was so thin and was a very small amount (only about 80 grams). The extensions didn’t even blend in with her own hair, which made it look fake and unhealthy. Mimi couldn’t believe she just blew $200 on hair extensions that were thin, fake-looking and equipped with painful clips.

However, Mimi didn’t give up. With the help of her sister, Leyla, they researched other clip-in hair extension companies that would offer thick, healthy, shiny and affordable hair extensions. Unfortunately, they found none that could offer what they were looking for. Sure, they found some great-looking extensions on the market, but they either cost a fortune or were very affordable ones but poorly made. And then, to Mimi and Leyla’s huge surprise and disappointment, there were extensions that came with a high-end price tag, but were of horrible quality.

So, after thorough research Mimi and Leyla concluded that it just wasn’t fair – there is a huge demand for affordable yet thick and healthy hair extensions, but no one is meeting that demand! So, the sisters decided to fill the gap. This is how Mimi and Leyla started their own line: Luxy Clip-in Hair Extensions! 

They are 100% Remy human hair, thick (from top to the bottom), long, shiny, beautiful, and definitely sexy!

And guess what! The best part is that they are super affordable! Luxy Hair Extensions cost a fraction of what other hair extension companies charge for a similar set. We absolutely LOVE them and we are sure you will LOVE them too!

 

2) 由于产品偏向奢侈品的艺术风格,所以这个logo是很喜欢的,也会模仿。

艺术logo案例

 

3)网站字体,这个网站字体也挺不错的,但是我暂时模仿的是avada时尚版的字体:http://theme-fusion.com/avada/fashion/,觉得更酷,回头会对比挑战看看。

艺术字体案例

 

Step 2: 我认为很牛的B2B网站框架

1、理论为上

首先我们需要搞清楚B2B网站的卖点,我简单这里整理一下。

1、是否有工厂,工厂规模
2、做过的项目是否有说服力
3、客户的评价是否让其感同身受
4、产品的优势是否
5、增值服务
6、是否有证书

 

这个假发网站可供我现阶段分析的暂时就这三个,其他的觉得自己暂时用不上。那么接下来发现还是没对,因为总体框架没出来,只知细节而没有框架是没什么用。很多人告诉我们,营销就是讲故事,那么这个故事怎么讲有吸引力,并不是我们想就想的到的。所以,能够找到一家很棒的B2B网站实在是我们的入门导师。这里提一下我建的第一个B2B网站吧,现在看简直弱爆了。结构谈不上设计,因为完全仿照模板来的;卖点阐述的不够清晰,因为都是虚构出来的,缺乏真实性。现在结合自己的经历,真实的觉得这样一个过程需要我们脚踏实地的去完成,模仿-去粗取精-形成自己的风格-成为行业领袖。总之,我发现一个有说服力的B2B网站,很多应该是由这几部分组成的(这里涉及到隐私问题,所以举例就不用网址了):

 

2、案例分析

1、会对话的首页设计

 

我现在认为很酷很成熟很有魅力很有转化价值的网站首页思路是这样:

1、banner大图;1)1s钟之内就告诉客户我们是卖什么的;  2)能客户惊讶的project。  3)你貌似可以相信我,引发好奇心;Banner案例证书

Project 1

banner案例模块

 

Project 2

banner大图案例

 

2、典型大类产品展示   1)进一步告诉客户我们卖的是那些类目的产品  2)用途在哪里

产品大类及用途

 

3、取信客户的原因    1)你为什么可以信任我,这里需要更多专业性的介绍而不是大而空的承诺,譬如fast delivery;competitive price什么的,这个理由本是很好的理由,但是解释不够专业,讲些模凝两可的话,我想客户只会呵呵了,那么这个模块就浪费了,如果不能做的有说服力一点,还不如不要。

 

服务的卖点

 4、有哪些客户信任了我们    这里的话那就是要把所有有名的客户都要拿出来了。

品牌客户的利用

5、我们的实力    有工厂说工厂,有项目范例就说项目范例了。

公司实例展示

6、公司历史的表达方式,这里用了数字的表达方式

公司历史模块

7、客户评价

客户评价模块

8、SNS社交站工具的在网站的利用

社交站分享模块

9、Footer 的充分利用

我比较欣赏这个tweet的使用,另外cotact us表单还是要用好,比较footer会出现在每一页上,另外最新的文章,放这里比较不占空间,另外我喜欢利用它的内容卖点去吸引我的客户。 第一排是联系方式,没什么特色。

footer案例

 最后,强调一下,B2B网站的框架灵感及例子来源于曾亮大神的作品,据说这个网站的主人是花了百万代价才整的这套作品,而作为框架来源,个人认为实在可被认为是B2B框架的经典之作。这里为了保护网站主人的赚钱工具(因为有知道晒网站被黑的经历),另外,今天刚得知亮神的品贝社区上线了,很期待数字营销课程也早日上线,给曾亮大哥做个小推荐吧,品贝社区地址:ponbell.org.

Step 3、工具的使用

网站在建设中,只能更新现在认为比较好用的工具了,等网站到了中后期运营时,可能会分享别的工具:

1、whatfont  我非常喜欢这个工具,有了这个工具那么你可以毫无压力的知道你喜欢网站的字体了,然后调整到自己的网站就好。具体使用方法,进入Google应用商店,搜索whatfont,然后安装。重启浏览器,然后点击那个f按钮,然后再点击网页上任何字体,就轻松的知道该网站的字体及大小了。

字体工具

2、Yoast SEO

这个是SEO必要的工具,而且你也需要用它来设置robots.txt文件,很强大的一款插件。请记住,新站一定要设置搜索引擎禁止收录,然后再利用这个插件去建立robots.txt文件。具体操作可以去论坛关注芭比的文章。这里就不多说了。

3、LOGO 在线设计工具

这个简单的设计自己用是够用了,但是想要更复杂点就需要找设计师了。这里分享几个:

http://www.designmantic.com/https://www.logaster.com/http://www.logogarden.com/

http://www.flamingtext.com/http://logotypemaker.com/

 4、思维导图工具

操作很方便,这里大家还是感谢芭比的分享吧,不用再担心草图问题了,不用懂很多的设计知识也可以自己把网站设计好。https://www.processon.com

Step 4 、总结

再总结一下吧,要建一个B2B网站,需要先确定好B2B网站的总体框架,这个其实刚刚分享的就是一个比较牛逼经典的框架了,很多你可以借鉴参考。另外B2B更偏向于严肃古板,所以很多B2C的网站的灵活多变是可以作为细节参考的。想要让自己的建站技术日趋完美,还是需要与时俱进,多多欣赏分析优秀网站案例了。同时作为不专业的建站人,很多的网站设计是需要我们利用工具去完成的,所以这方面的积累也必不可少。最后,框架细节都ok了,还有就是文案了,这个又是一个long story,有机会再总结分享吧

5 thoughts on “实用!建站思维 Step By Step

  1. 西西里的美丽传说

    一看就是做了功课的,每一步都向前迈着,对菜菜鸟有帮助大

    Reply
    1. 表姐 Post author

      这网名。。。。哈哈,非得跨度这么大吗?好文艺的赶脚。。。

      Reply
  2. keen

    表姐总结非常好,但是有一点没有提到,图片素材的重要性占了一个网站的80%,而banner又占了80%中的80%,颜值很重要哇。另第九张footer如果contact form 能用placeholder的话就能节省一点空间,一屏就能找到按钮,提高用户体验

    Reply
    1. 表姐 Post author

      Keen说的非常对,这个图片素材确实非常重要,这也是我下一步要非常重视的工作。那个placeholder我去研究一下,多谢Keen指点,多多交流,抱拳!

      Reply

发表评论

电子邮件地址不会被公开。 必填项已用*标注