자사 PC·모바일 웹페이지와 광고 랜딩, 이벤트·제휴 페이지를 제작·운영했습니다. HTML·CSS·JavaScript로 사용자 입력 화면과 동작을 구현하고, 서비스 운영 중 발견한 오류와 반복 제작 과정을 개선했습니다. 홍보·광고·이벤트·개발·제휴 부서의 요구사항을 조율하고 적용 결과를 확인했습니다.

주요 작업과 결과

메인 페이지 리뉴얼

오래된 콘텐츠 배치와 화면 구조를 정리했습니다. 전체 레이아웃과 섹션 마크업을 다시 구성하고, 주요 정보와 상담 CTA의 노출 순서를 조정했습니다. 반복 스타일은 공통 기준으로 맞추고 PC·모바일 화면과 브라우저별 UI를 검수했습니다.

image.png

메인 페이지

기간·역할·기술

현재 메인 화면 참고

2026.10.02에 확인한 현재 참고 화면입니다. 당시 담당 작업은 기존 캡처와 구현 기록을 기준으로 정리했습니다.

가연 메인 현재 참고 화면

가연 메인 현재 참고 화면

테스트형 랜딩페이지

image.png

테스트 랜딩페이지

여러 페이지에 나뉘어 있던 테스트를 하나의 폼으로 통합했습니다. 질문에서 답을 선택하면 좌우 슬라이드로 다음 단계가 나타나도록 구현하고, 입력값과 화면 상태를 한 구조에서 관리했습니다.

선택 버튼에는 배경 블러와 투명도를 적용해 디자인 기준을 맞췄습니다. 페이지별로 따로 수정하던 폼과 상태 처리도 함께 정리했습니다.

가연패스 · 본인인증과 단계별 화면

2026년 4월부터 가연패스 모바일 웹의 인트로, 본인인증, 패스 신청, 인증 진행·완료, 결과보고서, 공유 및 조회기간 만료 화면을 제작·수정했습니다.