EASY TO SEE,
EASY TO USE.
신한라이프 QA프로젝트 투입 - UI/UX 퍼블리싱 / 2025.04 ~ 2025.09
신한라이프 보험 웹 서비스의 안정적인 운영을 위해 진행된 QA 프로젝트로, 기존 퍼블리싱 산출물에 대한 UI/UX 품질 검증 및 오류 개선을 담당했습니다. 금융권 서비스 특성상 정확성·안정성·표준 준수를 기준으로 QA를 수행했습니다.
- 신한라이프 내부 QA관리시스템 UI/UX 개편
- 퍼블리싱 가이드 작성 및 공통 컴포넌트 관리
2. 성과 및 기여- 퍼블리싱 단독 수행 경험
- 반복 UI 컴포넌트 모듈화로 페이지 제작속도 향상
- 공통 css 구조 정리로 유지보수 시간 감소
3. 기술 스택- HTML5 / CSS3 / Javascript / Git / Figma
나이스 BizINFO 개편프로젝트(B2C통합) 투입 - UI/UX 퍼블리싱 / 2024.10 ~ 2025.01
NICE BizINFO는 기업 신용·재무·경영 정보를 제공하는 B2B 기업정보 서비스로, 정보의 신뢰성과 가독성이 중요한 플랫폼입니다. 기존 화면을 전면 개편하며 정보 구조 개선과 사용자 경험 향상을 목표로 퍼블리싱을 수행했습니다.
- 기업 정보 특성에 맞춘 정보 가독성 중심 레이아웃 구현
- 나이스 BizINFO 사업보고서 HTML 페이지 퍼블리싱 담당
2. 성과 및 기여- 기획 변경 및 추가 요구사항 발생 시 빠른 대응으로 프로젝트 일정 안정화
- 실제 서비스 환경에서의 퍼블리싱 흐름과 협업 방식, 퍼블리셔의 역할과 책임감을 경험 할 수 있었습니다.
3. 기술 스택- HTML5 / SCSS / Javascript / Git / Zeplin
미래엔 중고등 교과서 가상실험실 퍼블리싱 - UI/UX 퍼블리싱 / 2024.09 ~ 2024.10
미래엔 중·고등 교과서와 연계된 가상실험실 웹 서비스로, 과학 실험을 디지털 환경에서 체험할 수 있도록 제공하는 교육 콘텐츠입니다. 학생·교사 모두가 쉽게 접근할 수 있도록 직관적인 UI, 안정적인 화면 구성, 접근성을 중점으로 퍼블리싱을 진행했습니다.
- 중고등 교과서 실험 항목을 PC/MO에서 구현
- 실험 콘텐츠 UI 레이아웃 퍼블리싱
- 키보드 접근 및 포커스 이동 구조 설계
2. 성과 및 기여- 스크립트를 활용한 다양한 이벤트 활용 경험
- 학생 눈높이에 맞춘 명확한 정보 구조 설계
- 교육 콘텐츠 특성상 안정성·가독성 중심 퍼블리싱
3. 기술 스택- HTML5 / SCSS / Javascript / Git / Figma
에스원 온라인 쇼룸 - UI/UX 퍼블리싱 / 2024.08 ~ 2024.09
에스원 보안·솔루션 제품을 온라인으로 소개하는 쇼룸 형태의 웹사이트로, 기업 고객(B2B)을 타겟으로 한 신뢰도 높은 UI와 명확한 정보 전달이 핵심이었습니다. PC 및 모바일 환경에서 일관된 사용자 경험을 제공하는 것을 목표로 퍼블리싱을 진행했습니다.
- 에스원 보안장비를 쇼룸을 통해 모션으로 PC/MO에서 구현
- 공통 레이아웃 구조 설계
- 제품 리스트 / 상세 페이지 모션 UI 퍼블리싱
2. 성과 및 기여- 공통 컴포넌트화로 신규 페이지 확장 용이
- 반복 요소 최소화를 통한 코드 정리 및 효율 개선
- 유지보수를 고려한 컴포넌트 단위 구조화
3. 기술 스택- HTML5 / SCSS / Javascript / Git / Figma
Heyid 전자신분증앱 - UI/UX 퍼블리싱 / 2023.09 ~ 2024.01
HeyID는 전자신분증 발급·인증·제출을 제공하는 서비스로, 금융·공공기관 연동을 고려한 높은 신뢰도와 안정성이 요구되는 앱입니다. WebView 기반 구조에서 네이티브 앱과 자연스럽게 연결되는 UI 구현에 중점을 두고 퍼블리싱을 수행했습니다.
- 전자신분증앱 UI/UX를 PC/MO에서 구현
2. 성과 및 기여- 인증 서비스 특성상 안정성 중심 UI 구현
- 사용자 혼란을 줄이기 위한 명확한 단계 안내 구조
- 버튼 활성/비활성, 오류 메시지 등 상태 중심 UI 설계
- 모바일 접근성 및 터치 영역 고려한 퍼블리싱
3. 기술 스택- HTML5 / CSS3 / Javascript / Photoshop
KB공인전자문서 홈페이지 개발 투입 - UI/UX 퍼블리싱 / 2022.12 ~ 2023.02
KB공인전자문서는 전자문서의 발급·열람·보관·제출을 제공하는 금융·공공 연계 서비스로, 고객 신뢰 확보와 법·제도 기반 서비스 특성상 정확한 정보 전달과 안정적인 UI가 요구되는 프로젝트였습니다. 금융권 웹사이트 기준에 맞춰 표준 준수, 접근성, 보안 신뢰도를 고려한 퍼블리싱을 진행했습니다.
- 반응형 웹 퍼블리싱 (PC / Mobile)
- 시맨틱 태그를 활용한 웹 접근성 고려 마크업
- 키보드 접근 및 포커스 이동 구조 설계
- 금융권 웹사이트 기준에 따른 크로스브라우징 대응
2. 성과 및 기여- 금융·전자문서 서비스 특성에 맞는 안정적 UI 구현
- 정보 구조를 명확히 분리하여 사용성 및 가독성 강화
- 접근성 가이드를 고려한 마크업 구조 설계
- 유지보수를 고려한 CSS 구조화 및 클래스 네이밍
3. 기술 스택- HTML5 / CSS3 / Javascript / Photoshop
한국문화원 통합자료관리시스템, 소장자료관 개발 투입 - UI/UX 퍼블리싱 / 2021.02 ~ 2021.08
한국문화원 내부에서 사용하는 통합자료관리시스템으로, 문화 콘텐츠·문서·행정 자료를 효율적으로 관리하기 위한 관리자용 웹 시스템입니다. 불특정 다수가 아닌 내부 실무자 사용 환경을 고려해 안정성, 가독성, 업무 효율성을 최우선으로 퍼블리싱을 진행했습니다.
- 데이터 관리 화면 퍼블리싱
- 관리자 페이지 UI 구조 설계 및 퍼블리싱
- 시맨틱 태그를 활용한 웹 표준 준수
2. 성과 및 기여- 내부 시스템 특성상 안정성과 업무 흐름 중심 UI 구현
- 장시간 사용을 고려한 가독성 및 레이아웃 설계
- 웹접근성 작업
3. 기술 스택- HTML5 / CSS3 / Javascript / Photoshop
한국문화원 지역N문화 웹모바일/앱 개발 및 유지보수 - UI/UX 퍼블리싱 / 2020.10 ~ 2024.10
지역N문화는 전국 각 지역의 문화·예술·행사 정보를 소개하는 대국민 문화 콘텐츠 플랫폼으로, 다양한 연령층이 접근하는 서비스 특성상 가독성, 접근성, 반응형 대응이 중요한 프로젝트였습니다. 홈페이지 전반과 지역별·주제별 테마 페이지 퍼블리싱을 담당했습니다.
- 반응형 웹 퍼블리싱 (PC / Tablet / Mobile)
- 지역별·테마별 콘텐츠 페이지 퍼블리싱
- 시맨틱 태그를 활용한 웹 접근성 고려 마크업
- 공공기관 기준에 따른 크로스브라우징 대응
2. 성과 및 기여- 대국민 서비스 특성상 가독성·접근성 중심 UI 구현
- 다양한 콘텐츠 확장을 고려한 레이아웃 구조 설계
- 테마 페이지 공통 구조화로 신규 콘텐츠 적용 용이
3. 기술 스택- HTML5 / CSS3 / Javascript / Git / Figma