작업 사례에서 문의로 이어지게: 프로젝트별 버튼과 문의 맥락 설계

포트폴리오에서 마음에 드는 작업을 발견했는데 문의 화면으로 넘어가자마자 “어떤 작업이었지?”부터 다시 적어야 한다면, 관심이 문의로 자연스럽게 이어지기 어렵습니다. 작업 사례와 문의 폼 사이에 프로젝트 맥락을 연결하는 것이 작은 개선처럼 보여도 중요한 이유입니다.

RUTTO 사이트에서는 대표 작업 카드에서 프로젝트별 문의 화면으로 이동하고, 문의 화면에서 선택한 프로젝트를 다시 확인할 수 있도록 흐름을 정리했습니다.

1. 작업 카드에서 다음 행동을 분명히 하기

IYKYK, 정결한청소, NONAME Archive 사례에 각각 문의 링크를 연결했습니다. 모든 버튼이 같은 문의 페이지로만 이동하는 대신, 사용자가 보고 있던 프로젝트 정보를 함께 전달합니다.

공개 작업 페이지 보기

2. 문의 화면에서 선택한 작업을 보여주기

문의 페이지 상단에 ‘선택한 작업’과 프로젝트 이름을 표시합니다. 방문자는 문의를 시작하기 전에 어떤 사례를 보고 왔는지 확인할 수 있습니다. 잘못된 프로젝트 값은 화면에 표시되지 않도록 제한했습니다.

IYKYK 문의 화면 보기

3. 제출 정보도 사람이 읽는 이름으로 정리하기

페이지 이동에는 짧은 프로젝트 식별값을 쓰더라도, 폼에 전달되는 프로젝트 정보는 ‘IYKYK 커머스 웹’처럼 담당자가 알아볼 수 있는 이름으로 매핑합니다. 프로젝트를 코드값 그대로 남기지 않아 문의 내용을 파악하고 분류하기 쉬운 구조를 만들 수 있습니다.

4. 확인한 범위와 아직 확인하지 않은 것

이번 변경으로 확인한 것은 작업 카드의 문의 이동, 문의 화면의 프로젝트 표시, 폼의 프로젝트명 매핑입니다. 실제 문의를 제출하지 않았기 때문에 수신 시스템에서 제출 데이터가 어떻게 보이는지, 문의 전환율이 개선되는지는 아직 검증하지 않았습니다. 방문자 행동이나 성과가 달라졌다고 단정하지 않습니다.

프로젝트 페이지와 문의 폼을 함께 설계할 때는 다음을 확인해 보세요.

• 사용자가 보던 프로젝트가 문의 화면에서도 식별되는가
• 잘못된 URL 값이나 임의 입력이 화면에 노출되지 않는가
• 화면에 보이는 프로젝트 이름과 제출될 값이 일치하는가
• 모바일에서도 선택 맥락과 다음 행동이 한눈에 보이는가
• 개인정보를 보내지 않고 링크 이동과 표시 상태를 점검할 수 있는가

RUTTO는 이번에 공개된 사례 카드와 문의 폼의 연결을 개선했습니다. 사이트 리뉴얼이나 프로젝트 문의 동선을 정리할 때는 현재 페이지와 필요한 다음 행동을 함께 살펴보는 것부터 시작할 수 있습니다.

RUTTO 작업 사례 · 프로젝트 문의