외주·실무
가연결혼정보
메인 페이지와 테스트형 랜딩의 화면 흐름을 개편하고 운영 구조를 단순화한 유지보수 작업입니다.
- 기간
- 2024.04–현재
- 작업 유형
- 유지보수
- 역할
- 화면 구조 개편·인터랙션 구현·운영 유지보수
- 문제
- 여러 페이지로 나뉜 테스트형 랜딩에서 입력 상태와 수정 지점이 분산되어 있었습니다.
- 해결
- 단일 form과 슬라이드 흐름으로 통합하고, 본인인증 전후 선택값을 보존·복원했습니다.
- 결과
- 질문 선택부터 다음 단계와 인증 복귀까지 하나의 입력 흐름으로 정리했습니다.
상세 목차 보기
문제
여러 페이지에 나뉜 테스트는 단계마다 화면과 상태를 관리해야 했고, 본인인증을 마치고 돌아오면 선택값이 초기화되는 문제도 있었습니다.
제약
- 기존 운영 페이지와 본인인증 흐름을 유지하면서 화면과 입력 처리를 개선
- 회사 업무 중 직접 담당한 화면·동작 개선 범위이며 상담 전환율 성과를 측정한 사례는 아님
공개 업종
결혼·이벤트 서비스 기업
담당 범위
- 메인 레이아웃·섹션·콘텐츠·CTA 흐름 개편
- 테스트형 랜딩페이지의 좌우 슬라이드 전환 구현
- 분리된 페이지와 데이터 흐름을 단일 form 구조로 정리
- 본인인증 전 입력값 보존과 인증 후 선택 상태 복원
핵심 결정
- 페이지마다 별도로 관리하던 form과 상태를 하나의 구조로 통합
- 질문 선택 후 좌우 슬라이드로 다음 단계를 보여주고 인증 복귀 시 기존 선택 상태를 복원
구현
- 테스트형 랜딩의 단일 form과 단계별 슬라이드 전환 구현
- 인증 전 입력값을 hidden 값으로 보존하고 인증 완료 후 선택 상태 복원
- 중복 화면과 스타일을 정리하고 주요 CTA와 입력·전송 흐름 점검
공개 가능한 화면
검증 방법
- 슬라이드 이동과 버튼 선택 이후 다음 단계 연결 확인
- 통합 form의 입력·전송 흐름과 주요 CTA 링크 점검
- 운영 기록에서 본인인증 전후 선택값 복원과 Console·Network·쿠키·전송값을 통한 오류 점검 과정 확인
결과
- 분산된 form과 상태 처리를 통합해 반복 수정 범위 축소
- 본인인증 후 선택값을 복원하도록 입력 흐름 개선
기술 기록과 근거
사용 기술
- HTML
- CSS
- JavaScript
- Git