Labs의 첫 화면에는 운영 지표와 제품 목록이 앞에 있었어요. 정보를 더 멋지게 보여주면 홈페이지를 개선한 것처럼 보일 수 있었지만, 현재 이 공간이 맡는 역할과는 거리가 있었어요. 방문자가 실험 중인 일을 보러 왔는데 이미 검증된 제품을 소개받는 듯한 구성이었어요.

이 문제를 풀기 위해 첫 화면의 표현보다 무엇을 보여주려는지부터 다시 정리했어요. Labs는 현장에서 발견한 문제를 작게 시험하고 기록하는 공간이었어요. 완성된 결과를 크게 주장하는 것보다 관찰과 실험, 다음 확인이 보이는 것이 그 역할과 맞았어요.

완성된 제품을 약속하는 소개처럼 읽혀요
완성된 제품을 약속하는 소개처럼 읽혀요 · 화면 재구성화면 크게 보기

참고한 화면의 문구를 가져오지는 않았어요

참고 사이트의 큰 제목과 밝은 바탕만 옮기면 비슷한 분위기는 만들 수 있어요. 하지만 우리에게 없는 성과나 자료까지 같은 자리로 채우면 방문자는 준비된 것보다 더 많은 것을 기대하게 돼요. 가져오려던 것은 문구와 이미지가 아니라 콘텐츠를 읽는 순서였어요.

실험을 이미지와 제목, 목적과 현재 상태로 묶고 관찰 장면과 작업 방식, 기록으로 이어지게 했어요. 초기에는 참고 문법을 설명하는 문서가 있었는데 실제 화면에서는 그 특징이 잘 읽히지 않는 부분도 나왔어요. 속성 설명만 가져온 채 이미지와 정보의 관계를 놓친 상태였어요.

그 부분은 같은 크기의 화면을 나란히 보며 다시 확인했어요. 실험을 설명하는 문장이 먼저 가득 나오는 대신 이미지를 보고 아래 정보로 이어지는 구조로 조정했어요. 큰 화면에서는 함께 비교하고 휴대폰에서는 한 열로 내려 읽게 했어요. 참고했다고 적은 사실보다 실제 화면에서 무엇이 달라졌는지가 필요했어요.

문제와 판단의 흐름
문제와 판단의 흐름도식 크게 보기

홈페이지가 현재 역할을 설명한다면 실험의 상태도 내용 안에 있어야 했어요. 목적과 그림만 있는 카드는 완성된 서비스를 소개하는 카드와 비슷하게 읽힐 수 있어요. 무엇을 보고 있고 다음에 무엇을 확인할지 이어지는 기록이 있어야 실험이라는 말에도 구체적인 맥락이 생겨요.

한편 과거 화면을 없애는 것으로 새 역할을 만들지는 않았어요. 이전 기록에는 당시의 판단과 흔적이 남아 있었어요. 현재 소개와 과거 기록을 같은 위치에 두지 않되, 더는 첫 화면에 필요하지 않다는 이유만으로 기록 전체를 지울 필요는 없었어요.

진행 중인 실험과 다음 질문을 소개해요
진행 중인 실험과 다음 질문을 소개해요 · 화면 재구성화면 크게 보기

같은 날의 여러 수정을 한 과정으로 읽은 이유도 있어요. 제목과 로고, 메뉴를 따로 세면 작업은 많아 보이지만 방문자가 이해할 이야기는 잘게 나뉘어요. 첫 화면이 어떤 곳인지 설명하도록 내용과 표식이 함께 바뀐 흐름으로 묶는 편이 실제 문제와 가까웠어요.

기존 홈페이지를 없애는 작업은 아니었어요

새 첫 화면을 만드는 동안 이전 회사 소개와 다른 서비스의 입구도 지켜야 했어요. 기존 페이지를 보존하고 Labs를 별도의 역할로 세웠어요. 새 디자인의 범위를 다른 운영 화면까지 넓히지 않은 이유예요. 첫 화면의 정체성을 바꾸는 것과 현재 사용하는 서비스의 동작을 바꾸는 것은 달랐어요.

같은 날 이름과 로고, 상단과 하단의 작은 조작도 여러 차례 다듬었어요. 이 기록들을 각각 새 성과로 세기보다 같은 홈페이지가 현재 역할을 설명하도록 발전한 흐름으로 묶었어요. 준비한 시안과 기준 문서, 실제 화면과 배포는 단계가 달랐어요.

기록에는 데스크톱과 작은 화면의 배치, 실제 연결과 운영 반영을 확인한 과정이 있어요. 하지만 당시 일부 시각자료는 임시였고, 공개 주소의 접속 문제는 별도 후속 작업으로 남은 시점도 있었어요. 홈페이지가 배포됐다는 사실로 모든 자료의 사실성과 외부 접속까지 한 번에 닫지 않았어요.

이 글에서의 변화는 제품의 성능을 더 크게 말하는 방향이 아니었어요. 방문자가 지금 무엇을 시험하고 어떤 기록을 읽을 수 있는지 파악하게 하는 방향이었어요. 현재 진행 상태를 설명하는 첫 화면이 있어야 실험을 완성된 약속으로 받아들이지 않을 수 있어요.

Labs를 다듬으며 가장 먼저 바뀐 것은 홈페이지의 주어였어요. 우리가 얼마나 많은 기능을 갖췄는지가 아니라, 방문자가 어떤 문제와 시도를 보게 되는지였어요. 실제로 준비된 내용 안에서 그 흐름을 만들고 빈칸은 빈칸으로 남겼어요.