编者注：本文最初由 Web Marketing Today 发表。Practical Ecommerce 于 2012 年收购了 Web Marketing Today。2016 年，我们将两个网站合并，以 Practical Ecommerce 作为继承者。
在《网页设计中的叙事》一文中，我阐述了叙事的三个最基本要素——角色、背景和情节，并提供了使用基本设计元素开始在网页设计中融入叙事的方法。在本文中，我将分析十个使用叙事的网站，并列出每个故事中的角色、背景和情节。
Tapbots
Tapbots 利用吉祥物讲述了一个疯狂科学家建造微型机器人的故事，这些机器人“生活”在你的 iPhone、iPod Touch 或 iPad 中，并执行转换单位或管理 Twitter 账户等简单任务。Tapbots 的故事还让用户通过使用“机器人”成为叙事的一部分。
角色：疯狂科学家与 Tapbots
场景：iOS 设备
动作：每个 Tapbot 应用的功能
—
Tinke
Zensorium 使用一幅插图式的滚动故事来生动展示其 Tinke 健康检查产品的工作原理。当访客滚动页面时，他们会看到 Tinke 的工作方式、Tinke 可使用的地点照片，并获得购买 Tinke 的机会。
角色：潜在的 Tinke 用户
场景：用户监测健康统计数据的任何地方
动作：使用 Tinke
—
Mutant Labs
Mutant Labs 讲述了五位“突变”开发者在其实验室中制作游戏、应用程序和“其他数字魔法”的故事。Mutant Labs 很好地运用语言为其故事营造氛围。“数字魔法”、“我们的风格”和“放射性熔炼事故”等短语都有助于围绕 Mutant Labs 品牌营造一种有趣的氛围。
角色：五位突变开发者
场景：突变实验室
动作：开发游戏和移动应用
—
Kiva
微贷网站 Kiva 通过讲述世界各地人们的故事来吸引潜在捐赠者。Kiva 使用关于真实人物及其所处真实环境的故事，邀请访客捐款并成为故事的一部分。Kiva 还使用富有感染力的图像来营造代表世界各地人物和环境的网站氛围。
角色：真实的人
场景：全球各地的地点
动作：捐赠并成为故事的一部分
—
Cascade Brewing Co
澳大利亚的 Cascade Brewery Co.允许你通过操作不同的旋钮来“酿造你自己的网站”。许多导航图像讲述着更小的故事，为网站的整体氛围增色——例如，“新闻”链接描绘了一个对着扩音器大喊的男人。访问在线“酿酒厂”的游客可以调整酿酒控制装置，“酿造”出最适合他们的网站版本。
角色：访问者
场景：在线“酿酒厂”
动作：“酿造”独特的网站体验
—
Evernote
Evernote 是一款提醒平台，它使用简单的故事插图来解释其产品的工作原理。Evernote 应用程序简化了从网络各处收集和保存笔记的过程。
角色：Evernote 用户
场景：有趣的网站
动作：使用 Evernote 应用程序
—
Bellroy – Slim Your Wallet
钱包制造商 Bellroy 有一个名为“Slim Your Wallet”的页面，讲述了 Roy 的故事。Roy“代表了全球成千上万的人”，他致力于逃离“口袋鼓包地狱”。Bellroy 利用幽默的插图故事和视频链接来销售钱包。
角色：Roy Costanza——或任何避免“口袋鼓包地狱”的人
场景：Roy 携带钱包的任何地方
动作：让 Roy 的钱包变薄
—
Ben the Bodyguard
这款安全应用将自己塑造成一个故事中的角色，即保镖本（Ben the Bodyguard）。本住在你的 iPhone 里，保护你的数据安全。该网站还链接到一个展示本在数据盗窃的险恶街头巡逻的网站，他在其中解释了拥有未受保护手机的风险。
角色：保镖 Ben
场景：你的 iPhone
动作：保护你的数据安全
—
Forefathers Group
Web 设计公司 Forefathers 将自己定位为一家“复古风格”的设计团队，依靠排版、古董图像和巧妙的措辞来编织其故事。诸如“这些家伙简直太棒了……”之类的短语让网站充满趣味氛围。
角色：Forefathers 的员工
场景：现代世界中一家想象中的复古设计店
动作：“设计令人惊叹的专辑封面、商品和网站。”
—
Captain Dash
数据分析公司 Captain Dash 讲述了一个超级英雄在智能营销新时代的故事。Captain Dash 代表产品，并在这个新的营销世界中拯救客户的营销活动。
角色：Dash 船长——即产品本身
场景：新的营销世界
动作：“拯救”客户的营销活动