서비스에 들어가려고 로그인 화면을 열었어요. 이 화면에서 필요한 것은 접근 맥락과 인증 행동이었어요. 그런데 홈페이지의 큰 제목과 소개 구조를 그대로 옮기면, 사용자는 들어가기 전에 팀 이야기를 다시 읽어야 할 수 있었어요.
같은 사이트의 디자인을 쓴다는 말은 모든 페이지를 같은 모양으로 만드는 뜻이 아니었어요. Labs 홈은 지금 실험하는 일을 보여주는 공간이고, 로그인 화면은 승인된 사용자가 운영 화면으로 들어가는 입구예요. 모습의 연결은 필요하지만 우선순위는 달라야 했어요.
브랜드의 장면과 인증의 행동을 나눴어요
로그인 화면을 작은 홈페이지로 키우지 않기로 했어요. 접근하려는 서비스가 무엇인지 설명하는 영역과 실제 로그인하는 영역을 나누었어요. 앞의 설명은 입력의 이유를 알려주는 정도로, 뒤의 행동은 바로 시작할 수 있는 형태로 정리했어요.
이때 로그인 뒤에 쓰는 운영 화면까지 밝은 외부 페이지의 룩으로 바꾸지는 않았어요. 사용자가 이미 알고 있는 작업 화면의 의미와 조작은 유지돼야 했어요. 외부의 첫인상을 맞추는 일이 실제 운영의 읽는 방식까지 흔드는 변경이 되어서는 안 됐어요.
기존 인증 동작과 보호 범위도 그대로 두었어요. 시각적 개편을 계정 처리의 새 설계와 합치면 어느 변화가 실패를 만들었는지 확인하기 어려워요. 이번 수정은 로그인 장면의 역할과 배치를 다루는 범위였어요. 계정이 있어도 접근할 수 있는지는 다른 기준으로 확인할 일이었어요.
로그인 화면은 사용자의 결정이 이미 끝난 뒤 만나는 경우가 많아요. 서비스가 무엇인지 알아보는 사람과 지금 들어가려는 사람에게 같은 길이의 설명을 보여 줄 이유는 없었어요. 맥락을 확인할 정도의 소개는 남기되 입력 행동의 시작을 앞에 두는 쪽으로 정리했어요.
브랜드와 운영 화면의 차이도 오류라고 보지 않았어요. 공개 사이트의 인상을 이어 주는 입구와 오래 상태를 읽는 내부 작업 공간은 서로 다른 밀도를 필요로 할 수 있어요. 시각적으로 연결하되 기존 운영 작업의 읽는 방식을 함께 개편하지 않았어요.
이 작업에서 계정 인증까지 한꺼번에 해결했다고 쓰지 않는 이유도 있어요. 입력 화면을 이해하기 쉬워진 것과 실제 이용 자격을 정확히 확인하는 것은 다른 과정이에요. 로그인이라는 같은 화면에서 일어나더라도 디자인 수정과 계정 문제의 확인을 따로 남겨야 후속 작업을 판단할 수 있었어요.
입력을 시작하는 사람의 순서로 읽었어요
방문자는 로그인 화면에서 회사 소개의 모든 내용을 알고 싶어 하지 않을 수 있어요. 어떤 서비스에 들어가는지 알고 필요한 입력을 시작하는 흐름이 중요해요. 설명이 길수록 이해가 깊어진다고 가정하면, 이미 목적을 정한 사람에게 같은 판단을 다시 요구하게 돼요.
그래서 홈페이지에서 가져올 요소와 덜어낼 요소를 함께 정했어요. 이름과 시각적 분위기는 이어지되 큰 소개 섹션의 순서는 가져오지 않았어요. 이름이 같은 화면에도 다른 읽는 속도가 필요했어요. 보는 장면과 하는 장면을 구분한 거예요.
작은 화면에서는 설명과 입력이 위아래로 이어지므로 첫 화면의 정보량이 더 중요해요. 데스크톱에서 나란히 보이는 두 영역을 그대로 긴 소개와 입력으로 바꾸면 실제 행동까지 내려가야 해요. 화면의 구조를 확인할 때도 로그인 목적이 뒤로 밀리지 않는지를 기준으로 봤어요.
기록에는 화면 코드와 관련 기준을 정리하고 검사를 마친 내용이 있어요. 하지만 이 시각적 변경만으로 실제 계정 로그인 성공을 모두 확인한 것은 아니에요. 계정 접근과 세션의 문제는 후속으로 따로 다뤄졌어요. 새 로그인 화면이 보인다는 사실과 서비스에 실제로 들어갈 수 있다는 사실을 나누었어요.
이번 변화의 목적은 브랜드를 덜 보여주는 것이 아니라 사용자가 이미 정한 일을 돕는 것이었어요. 로그인하러 온 사람은 그 목적을 다시 설명할 필요 없이 입력을 시작할 수 있어야 해요. 같은 디자인 안에서도 행동이 다른 화면은 같은 소개를 반복하지 않도록 정리했어요.
