OUT OF FRAME / 01 START WITH WHAT YOU HAVE ↗

A narrative web studio

outofframe.

你的素材还在画面外。我们不先给它套一个网页模板,而是从中选出值得被看见的三件事,把它们编辑成一个人愿意进入的现场。

FOR PRODUCTS · PLACES · PEOPLE
从一堆图片、视频、笔记和介绍,到一个能被公开分享的网页。

0 / 3 in frame先别填满它。
先选什么
应该留下。
NOTHING IS A SCENE YETOUT / IN

点选三块素材。 你不是在选模块,是在决定一个网站为什么存在。

THE REAL BRIEF

不是“做得高级一点”。
是让对的人愿意进场。

真正的需求不是一张网页,而是把散乱材料组织成一个清楚的动作:让别人立刻知道你是谁、为什么要继续看、接下来能做什么。

我们做的不是“页面美化”,而是把素材切成观点、把观点编成节奏、把节奏交到浏览者手里。

THE CUT IS THE METHOD

一个网站从来不是素材的总和。
它是一次有根据的取舍。

这不是“先做一个酷的首屏,再补内容”。每一步都必须改变下一步的叙事、视觉和交互。

01 / RECEIPT

先收下
所有碎片。

图片、视频、物料介绍、记忆、一个还说不清的感觉,都可以作为起点。

02 / THE CUT

只留下
真正有力的三件。

一个物让人看见;一个矛盾让人留下;一条证据让人相信。

03 / STAGING

让画面、文字和交互
说同一句话。

不是每个地方都炫。每一个变化都要推进内容关系或用户选择。

04 / PUBLIC

把现场
交给别人。

一条可打开的链接、清楚的下一步、在手机上也成立的体验,才叫完成。

同一种方法,
不会长成同一种网站。

点击三种起点。不是套版式,而是看同样的“物 / 矛盾 / 证据”如何决定不同内容的第一场。

WHAT LEAVES THE STUDIO

不是一堆效果。
是一件能被交出去的作品。

不编造客户和数据。真正能证明能力的,是一个有主体、有逻辑、能在任何人手机上打开的公开现场。

01 / A POSITION一句谁也替代不了的核心表达。

不是行业套话,而是决定全站内容取舍的主线。

02 / A SYSTEM画面、文字和交互共用一条视觉规则。

让用户知道现在在哪里、看见什么、能做什么。

03 / A PUBLIC LINK一条别人点开就能进入的链接。

本地、手机、内容、性能和下一步操作都经过检查。

START WITH WHAT YOU HAVE

不用先准备
一份完美 Brief。
先给我一块素材。

系统会把它变成一条可以开始沟通的首帧说明。不会提交到任何服务器。

先把素材带来;取舍从这里开始。