维珍大西洋航空博客:一个案例研究

约翰奥兰 经过 约翰奥兰  |  2010年4月15日

与公司一起使用 维珍大西洋 对我来说是一个梦想成真。我是’很多网页设计师渴望的东西。

在过去的几个月里,我很幸运能够有机会实现这个梦想。

我即将在我的博客上写下这个帖子,但沃尔特非常友善地邀请我在Webdesigner仓库和粉碎网络上分享这个案例研究。

I’没有艾略特杰伊股,我当然不是’声称是,当维珍大西洋与我在11月与我联系时,我惊讶,谦卑,非常热情地与公司在一个新博客上工作的前景“vtravelled” website.

很多人都问我为什么选择与我一起工作。答案是他们找到了 我在推特上,享受博客帖子,最重要的是,喜欢我的工作。这赢了’结束了关于的辩论“value of Twitter”对于某些人来说,但它肯定没有对我有疑问的阴影。

 

一开始

2009年11月vtravelled’S编辑器,Maxine Sheppard,请联系,询问我是否可以设计和开发完整的博客 vTravelled网站 (Virgin’S新的在线旅行社区和Web应用程序)。会议被安排,一周后左右,我得到了这个项目的绿灯。

I’在包括Ubisoft之前,为大公司提供了一些工作,但这真的是我第一次进入业内企业文化。完全诚实’当人们淘汰出局时,真的不是那么可怕,尽管我可以想象人们有一些变化’s experiences.

维珍大西洋成功地将一个真正的伟大的团队放在伏特勒;结果,公司不仅很容易与之合作,但也很有趣。

维珍大西洋总部

这座建筑物很宽,它甚至有自己的交通灯。

奇怪的是,我认为最令人生畏的(也许是令人敬畏的)整个过程的一部分是前往Virgin大西洋’总部举行会议。

关于驾驶到一个可以(和做)的建筑物的东西,可以在物理上包含办公室和实际飞机都很特别。建筑物的入口包含公司’他自己的礼品店,在漫长的步行之后,你最终坐落在庭院,它直接与波音飞机的大部分毗邻,用于训练机组人员。

在第一次见面时,我问了vtravelled,Lysette Gauna,(作为一个笑话),如果所有的设计奖金都是横向的办公室。答案是,“是的,但我在家里保持大部分。” D’哦!是时候真的害怕了。

 

简要

vtravelled.办公室

VTRAVELED办公室明亮,创意,整个后壁是粉笔板!

这段简介相当简单:VTRAVELLED是一个大型网络应用程序和社区,但旅行恋人’仍在积极发展。该团队需要一种方法来推出编辑内容,并与社交网络上的用户参与。博客是明显的答案。

我想确保我真的钉在设计方面的方向,所以我想出了使用情绪板的实施略微不同;我打电话给他们 Moo.’d cards。这个想法很简单但有效:我拍了100个伟大的设计工作,我’d收集并从moo.com上收集并打印它们100款MINICARS。

Moo.d Cards

一些moo’D卡被使用。

我们在开球会议期间看着他们所有人,并选择了八张牌来代表该团队寻找的风格,以吸引vtravelled’s user base.

如果你没有’尝试了这种技术,我强烈推荐它;它’是发现客户预期设计的好方法。一世’ve since 发布了moo的所有源文件’d cards 作为OpenSource项目,包括Web和iPhone版本。

一旦我们建立了整体风格(简约,与VTRAVELLED品牌,而且与主要网站的创造性和不同)和总体方向(一个杂志式博客,有很多用于用户互动的途径),这取决于我开始了。

 

设计过程

使用大型公司工作时的设计过程与任何其他公司相似:以线框开始,然后开发模型。

主要区别在于反馈阶段:两名或三个人必须在每个阶段审查并签字,此时他们考虑了更大的问题。例如,Virgin对其品牌的描绘方式特别敏感。公司确实必须符合其道德,标准和品质。

在建立网站的结构之后,现在是时候继续创建设计了。

这是大约一个30小时的过程(对于主页),通过几个有趣的阶段移动,导致最终结果。幸运的是,在预期写这篇文章时,我录制了几乎每分钟的设计时间的截图,并将其压缩成三分钟的视频。

总而言之,设计过程持续了大约六周。

这个视频 是用来创造的 screenflick. Mac OS X的(25美元),以每秒1帧录制,并在iMovie中编辑。

 

发展过程

一旦实现了设计的最终签署,开发过程开始持续六周。

维珍大西洋在其公司办公室使用IE6,因此这在开发前端是一个很大的考虑因素。该网站必须优雅地降级,以容纳此浏览器,以便它处于最不奏效。由于vTravelled的伟大团队再次,我还被允许使用CSS3来使用逐行增强措施进行较新的浏览器。

将前端代码转换为自定义WordPress主题是下一步。这里有一些特殊考虑因素是使网站尽可能强大。

我开始了幼儿“WooFramework”要允许高水平的后端定制,但最后,它被修改并定制了这么多,即VTravelled博客几乎以自己的自定义系统结束。重要的是要考虑到很多人都在管理博客,因此需要在所有领域尽可能灵活。

最后,主题需要强烈的分页和轻松的错误消息 404搜索 将反映品牌友好性质的页面。

 

有点涓涓细流发动机

Trickletweet素描

涓涓细流推文插件的第一个草图。

I’米很友好,当谈到wordpress的php,但是当我需要完全定制的东西时,那里’唯一一个我转向的人:我的犯罪伴侣, Japh Thomson..

在设计阶段,我在与VTRAVELLED团队相结合的会议期间勾勒出了一个想法。这个想法是使用整个VTRAVELED网站和社交媒体简介存在的Helvetica-Man品牌,了解关于旅行的现场谈话流。

trickletweet决赛

trickletweet插件的最终版本。

japh已经开发了一段代码,其中一个代码,称为twitter api 涓涓细流推文 这允许您在Twitter上搜索任何术语,并查看最新提到的Live(最新)的流。

我被允许分段合同japh,他被委托修改他的脚本成为vTravelled的完全自定义WordPress插件。这已经证明是网站的脱抗性。

 

发射和结论

为大公司启动一个网站有点不同于正常发布。我不得不带vtravelled’S开发公司FO适当的服务器设置,并在合适的时间将密码保护删除到子域。

我不得不与广告公司一起进行广告公司,以确保安装了正确的广告代码,我必须经过疯狂的24小时的测试,错误修复和审查性能。

最终,我们在周二举行的中午介绍了博客,并在几个小时后开始了公告和新闻稿。到目前为止,手指越过,没有什么问题,网站已经对Twitter进行了非常积极的回应,这反映在博客中’S的一天交通水平和网络周围的其他一些功能。

与任何网站一样,可以进行改进,功能会随着时间的推移而发展,但我’m很满意如何v1.0 vtravelled. blog has turned out.

与维珍大西洋合作一直是我职业生涯的绝对亮点之一,而且我’我很高兴在一些其他设计工作中再次与公司合作。

我仍然觉得估计时间;我们最初认为整个博客设计和建造需要四周!

 

学分

 

请分享您关于设计和下面的过程的评论…