跳过导航
#MadeWithSketch

Letterboxd 如何使用 Sketch 为影迷设计家园

如果你没有在 Letterboxd 上评分,你真的看过这部电影吗?

Letterboxd 是一个全球性的草根电影讨论和发现社交网络。 你可以用它作为一个日记,记录和分享你对电影的看法——或者只是记录你过去看过的电影。 你也可以在你的个人资料页面上展示你的最爱,在添加电影时评分、评论和标记,找到并关注你的朋友,看看他们喜欢什么。 它就像电影界的 GoodReads 😉,而且是用 Sketch 制作的。

我们最近与联合创始人 Matthew Buchanan 聊天,了解 Letterboxd 是如何诞生的,以及他们如何成功地成为一家独立公司。 Matthew 还负责产品和创意指导,因此他能够分享他的团队如何使用 Sketch 将 Letterboxd 变为现实。


你如何描述 Letterboxd?

Letterboxd 是一个具有社交功能的电影追踪和列表制作应用程序(和网站)。 就现有服务而言,它与书籍追踪服务 GoodReads 最为相似。 我们的成员记录他们观看的电影——无论是在电影院、流媒体上还是在其他地方——并发布他们的反应和评论,这些反应和评论会分享到他们关注者的动态中,从而促进讨论和发现。 他们还可以制作和分享列表(包括保留未来观看的标题的观看列表)、完成挑战、找到电影的流媒体播放位置,并通常与他们共同热爱电影的人交流。

你是如何想到 Letterboxd 的创意的?

在 2000 年代,我使用一个 Mac 应用程序来编录我的 DVD 库。 它是拟物化设计的巅峰之作:闪亮的塑料外壳包含在木制书架上渲染的海报艺术。 该应用程序的创建者一度暗示有一个在线组件,但最终只是一个 HTML 导出功能。 最终,我们厌倦了等待其他人构建一个好的社交电影应用程序。 IMDb 已经存在了十多年,但没有在该平台上关注其他人的选项。 因此,我们开始想象这样的服务可能是什么样子和感觉,然后我们决定构建它。

Screenshot of Letterboxd film page designed in Sketch

电影页面视图由 Letterboxd 提供

我们听说 Letterboxd 是独立且自豪的。 您能告诉我们更多关于这对您意味着什么吗?

在创业时,你可以走几条路,我们喜欢按照自己的节奏,随着时间的推移发展产品和社区。 我们能够资助 Letterboxd 的早期开发(通过我于 2001 年共同创立的设计工作室),使其成为一项可行的业务,雇用一个由真正很酷的人组成的小团队,其中大多数人都是成为员工之前的平台的超级用户,这是我们故事中重要的一部分。 我为这段旅程感到非常自豪。

Sketch 是如何成为您首选的工具的?

我一直无法掌握使用 Photoshop 进行UI 设计工作——我总是觉得即使是最简单的布局也需要 50 层。 当 Macromedia 发布第一个版本时,我开始使用 Fireworks,并且真正喜欢上当时一种独特的设计工具,该工具本身是基于矢量的,但也提供了用于位图编辑的基本工具。 在被 Adobe 收购后,该产品基本上被忽略(并最终被淘汰),而 Sketch 恰好在 Fireworks 走向消亡时首次亮相。 这是完美的替代品,而且时机恰到好处。

Screenshot of Letterboxd profile page designed in Sketch

个人资料页面视图由 Letterboxd 提供

请告诉我们关于在 Sketch 中设计 Letterboxd 的过程。 是否有任何特定的功能可以帮助您简化工作流程?

在线提供文件非常有用。 我们最初将我们的源文件放在一个共享的 Dropbox 文件夹中(一个糟糕的主意),并在 Abstract 推出时采用它来帮助进行版本控制。 现在 Sketch 的工具在该领域更加强大,我们能够完全依靠第一方产品来完成我们需要做的事情。

我们的设计团队仍然只有两到三个人,所以我们很少在同一时间处理同一个文件,但是能够跟踪彼此的光标对于共享的反馈会议很有用。 我也很喜欢有一个组件库来协助设计任务,尽管我们的组件库并不像它应该的那样完整,所以有时我们最终会在屏幕截图之上进行设计更改,尤其是在时间有限的情况下。

在设计像 Letterboxd 这样的社交网络时,您面临哪些独特的挑战?

我不确定其中有多少是非常独特的! 正如我怀疑许多其他产品团队的情况一样,我们正在设计对现有平台的扩展和修订,该平台具有其自身的业务逻辑和视觉方法,这些方法已经建立了十多年。 有时最好的方法是重新构想组件的工作方式,但我们并不总是拥有这种奢侈,所以在某些情况下,我们可能会根据现有的平台约定进行较小或不同的更改,并计划在将来扩展或改进它。 我们不断(重新)确定工作的优先级,以帮助我们的会员享受更好的体验,并帮助我们的团队更好地照顾我们的社区。

Screenshot of Letterboxd journal archive page designed in Sketch

日记档案视图由 Letterboxd 提供

为多个平台进行设计是什么感觉,尤其是在将 Apple TV 添加到组合中时?

我喜欢这个挑战。 特别是,我一直在思考我们是否应该尝试在所有地方呈现统一的外观,或者更多地顺应平台惯例,以便感觉更像家一样——并且更适合该用户群体。 我认为,我们更倾向于后者方向,主要是出于务实的原因。 即使那样,跟上最新技术水平也是一个挑战。

我们的 Android 应用程序在某些领域没有使用最新的 Material Design 惯例,我希望这将是我们关注的一个领域。 Apple TV 应用程序的技术基础很快就完成了,但是为该平台设计用户体验当然是一个挑战,决定哪些功能可以包含在内(例如,我们不提供记录,因为通过屏幕键盘进行用户输入非常慢)。

您在 Letterboxd 中取得的最大成就是什么?

对我来说,它是采用创意、构建私人测试版、公开发布,并在九年后能够雇用我们在机构之外的第一批两名全职员工的整个旅程。 这是一个巨大的时刻。

您的下一个里程碑是什么?

我们不喜欢提前太远分享计划。 目前,我们正在改进我们的流媒体服务过滤器,使其更加有用,并改进我们的活动 feed,以捆绑来自单个成员的多个条目。 更进一步,我们公开承认更好地支持电视剧是一个感兴趣的领域,并且并非没有一些非常具体的挑战。

最后,您现在正在观看哪些电影,可以推荐一下吗?

我们和 Philippou 兄弟的电影《跟我说话》(Talk To Me)的制作公司之一关系很好,A24 将于今年晚些时候在美国发行这部电影。我有机会和他们一起观看了这部电影,如果你喜欢高水准的恐怖片,这绝对是一部佳作。我也非常喜欢《黑麦巷》(Rye Lane)。

Letterboxd 适用于 iOS、Android 和 Apple TV。

您可能还喜欢

免费试用 Sketch

无论您是 Sketch 的新手,还是回来看看有什么新内容,我们都将让您在几分钟内完成设置,并准备好完成您最好的作品。

免费开始
免费开始