idesign 从2006年开始制作 MR.MARK TOOLS 的公司网站,前后一共经历了三个不同版本。从最早的以 Adobe Flash 动画为主的网站进化到第二代以 jQuery 幻灯片切换效果及 CSS 为主的设计,以及第三版以响应式网页设计来优化满足不同行动设备间的使用体验。此外第三版更增加了以电子商务为架构的产品型录设计,使产品展示及搜寻更加方便有效率。

第三版的首页是三张精美的轮播大图,会自动轮播也可按两旁橘色的箭头来观看下一张图。

mk05
mk06
mk001
mk07
mk08

色彩计划里页首以黑色为主色,配搭白色字体及以橘色来强调选项。

第二版的设计也是以黑色为主色,按钮的设计带有渐层立体感。同样有四种轮播主图带出重要的信息,此外主要的产品连接就放在主页的下方,方便浏览者快速找到要找的产品。

mk 03
mk2011 03
mk2011 04
mk2011 05

第一版在2006年制作,以 Adobe Flash 动画为主,主页是以身穿 Mr.Mark 工人服的模特儿带出Safety的重要性,

mk2006 03
mk2006 04
mk2006 01
mk2006 02

第一版的页首燃烧着熊熊烈火,象征着品牌经历千锤百炼。

wan

相关文章

Viim Bilios 护发产品网站

Viim Bilios 护发产品网站

Viim Bilios 的公司网站也是使用 “Wordpress" 建构的,优点是客户可以进入后台修改资料和信息。Viim Billos的主要产品是护发用品...

了解更多