rsledlcd.com案例详解

一、前言

演示地址:http://ruisong.ycway.cn 网站使用joomla 1.5.x + k2 2.x 架构。

本文通过详细的案例分析,让大家了解Joomla的建站流程和野草工作室的joomla建站思路,希望能够抛砖引玉,得到大家宝贵的意见。

二、建站规划

首先,野草工作室会去了解客户需要建立一个怎样的网站。虽然我们的案例类型都是集中在外贸网站或者企业网站,对这方面建站的模式比较熟悉,但就算同一类型,考虑到客户公司的不同定位,产品的不同特性,做出来的网站也会不一样。根据客户的具体情况做差异化处理,才可能形成网站独特的优点,野草工作室认为这样才算真正意义上的网站定制服务。

通过和客户的交流,了解到客户主要是做笔记本电脑屏幕的外贸销售,但并不是生产厂商,并提供多个品牌的屏幕销售服务,主要的客源属于采购者,而非终端消费者。

基于这样的基本情况,野草提出了几点针对性的建站观点:

  • 公司形象应该以务实,干练,而不需要刻意地突出品牌形象,因为客户本身的品牌形象应该是自己的服务。
  • 因为客户提供的产品图片,并没有实质性的差异,如果以一般的产品标题+图片的形式,会对于浏览网站的用户造成信息干扰,所以的产品列表中并不显示图片。
  • 因为客户群是针对的是采购商,他们都是比较了解产品,而且希望能够第一时间得到获取到产品的重要参数,所以网站采用数据表格的形式来表现产品信息。
  • 产品分类有两类型,第一种是按品牌分类,第二种是按尺寸分类。对于两种类型的查看,都应该有统一的界面布局方便用户查找产品。

三、模板设计

一般来说,野草工作室首先会参考客户现有的设计材料(一般是LOGO、产品图片、宣传图片、产品画册等企业形象材料)和建站规划来确定模板的风格。此次客户提供了logo文件和产品图片,logo为红黑两色组成,我们在模板的设计上也会用到这两种颜色,以达到协调的效果。网站的布局其实是根据网站的表现内容来设定的,当内容信息区域确定了,只需把每个区域模块设计得美观就可以了。

可能有人会问怎么才能做到出彩的网页设计,其实这个首先是要有创意点,然后是文案和图片的设计,再到具体的功能、效果的实现和润色。但创意是不能随便用,你得分析你的客户群体的授受程度,还有创意是否符合你的销售策略和销售流程。所以,野草工作室给客户设计的网站都是基于实际情况考虑,除非客户有特殊的要求。

四、功能实现

4.1 joomla模板

由野草工作室原创设计,编号为yc_ruisong。

4.2 博客

由k2组件实现。

4.3 产品展示

此次产品展示部分,依然是使用了k2组件实现。实现的效果分为几大部分:

4.3.1 一个产品同属于两个分类

野草记得在某个joomla论坛上面看到有人提问,k2如何实现同一产品属于两个或者多个分类。其实解决方案就把标签看作是一个分类,只要把标签的模板设计得像分类那样就可以了。只要能达到想要的效果,我们是不应该拘泥于一些概念性的东西,当然有时候标签和分类的区别又是很大的……这就要根据不同的情况选用不同的解决方案,灵活运用就行。

4.3.2 产品分类页面的产品列表

产品列表显示了每个产品的标题和几个指定的自字义字段。实现方法可参考《k2模板中,不同页面的自定义字段引用

4.3.3 产品的详细页面

详细页面显示了产品的参数表格(使用k2的自定义字段实现),产品的图片(使用k2的标签实现,这个有点意思,我下次再写写教程),产品的咨询功能(lightbox效果+rsform),产品的文档下载功能(k2的附件功能),产品的相关产品推荐(k2的相关文章功能)

4.3.4 定制化的产品录入方式

原来是考虑给客户设计成通过excel/csv文件批量录入产品资料的,可惜客户只有word文档的产品资料,如果把word文档的资料转成excel版本,再做批量导入,其实这样的工作量和直接录入差不多。所以这次的产品的录入是用手工录入。但产品的资料,都是一些产品的参数,野草工作室会为客户设定这些参数的字段,客户录入资料的时候只需要按照这些字段直接录入参数的值就可以了,而且对于一些不会经常改变的参数值,可以为它设置一个默认值,这样实际需要录入的参数项就会很少,从而提高了工作效率,而且减低了错误率。

4.4 首页幻灯片

实现了图片+文字的切换效果。幻灯片的场景照片由客户提供,野草工作进行二次设计。

4.5 网站菜单

此次不使用下拉菜单是因为觉得没这个必要,而且边栏的菜单已经是一个很好的选择手段。有的客户觉得没有下拉菜单就是缺少了什么,其实增加下拉菜单是为了方便用户,不使用下拉菜单也是方便用户,具体的问题要具体分析,不要为了增加而功能而增加功能,这样只会适得其反。

4.6 滚动新闻列表显示

使用了k2的mod_k2_content,定制了模块的模板。

4.7 多语言即时翻译

使用了gtranslate模块,由google提供即时翻译服务。

4.8 表单咨询功能

包括Inquiry Now栏目的表单,还有每个产品页面的咨询表单。当用户通过网站提交表单,就会收到由网站自动发送的系统邮件,而网站管理员也会收到一封包含用户提交信息的邮件,方便网站管理员马上回复跟踪用户。

4.9 即时聊天功能

由skype和msn提供技术支持

4.10 google地图

联系页面有多个google地图,对应客户的各地分公司。使用的是googleMaps plugin。

4.11 网站备份功能

使用Akeeba Backup组件实现。

4.12 Sitemap(网站地图)功能

由xmap组件实现

4.13 网站的url标准化、页面标题优化、页面标签优化等功能

由sh404Sef组件实现

4.14 网站访问统计分析

由google Analytics和sh404Sef组件实现,可以直接在joomla后台显示网站的访客数据。

五、SEO优化

  • 与客户交流,分析网站的浏览用户是如何查找产品信息,哪些栏目/关键字需要推广,从而决定网站的内容布局、栏目架构和一些功能实现。
  • 使用sh404Sef组件后,每个页面的url、页面标题标签、页面描述标签都是可以在后台手动设置的。网站模板的html代码尽量写得工整简洁,根据情况使用各种代码标签,方便搜索引擎理解其语义结构。
  • 通过google网站管理员服务,提交网站地图,三天内已经收录网站的大部分url。
  • 使用css sprite技术加载图片,加快网站的载入速度。

六、附加服务

客户的网站暂时寄存在野草工作室的服务器。

为客户提供域名邮箱配置服务,由腾讯公司提供技术支持。