플러스프로젝트 배경
프론트앤드 문제점 및 목표 1. 정보 구조 설계(IA), UX 흐름 최적화 ● 복잡한 정보를 ‘이해 가능한 흐름’으로 재구성 - 차종 / EV / 혜택 / 구매 단계를 사용자 여정(User Journey) 중심으로 배치 ● “차를 잘 모르는 사람”도 자연스럽게 견적 → 상담까지 도달 ● 고급 브랜드 이미지를 기술적으로 구현 2. 모든 사용자에게 접근 가능한 사이트 ● 고령자, 장애인, 키보
프로젝트 성과
사용자 경험(UX) 관점의 성과
복잡한 정보를 “이해 가능한 흐름”으로 정리
- 정보 탐색 시간 단축
- 이탈률 감소
- 비전문 사용자도 구매 흐름 이해 가능
- 정보 탐색 시간 단축
- 이탈률 감소
- 비전문 사용자도 구매 흐름 이해 가능
모바일 중심 경험 완성
모바일에서도 견적/상담 가능
- 대형 비주얼 + 터치 UX 최적화
- 모바일 방문자 전환율 개선으로 언제 어디서나 구매 준비 가능.
- 대형 비주얼 + 터치 UX 최적화
- 모바일 방문자 전환율 개선으로 언제 어디서나 구매 준비 가능.
프론트엔드 성과
반응형 UI 완성
- 고해상도 비주얼에도 빠른 로딩
- 웹 접근성 표준 준수
- 브랜드 신뢰도 향상
- 다양한 사용자 환경 대응
유지보수 가능한 UI 구조 확보
- 고해상도 비주얼에도 빠른 로딩
- 웹 접근성 표준 준수
- 브랜드 신뢰도 향상
- 다양한 사용자 환경 대응
유지보수 가능한 UI 구조 확보
백엔드 성과
- 차량/옵션/혜택 데이터의 API화
- CMS 기반 콘텐츠 운영
- 안정적인 예약·신청 시스템
- 트래픽 증가에도 안정적 운영
- 비개발 조직의 독립적 운영 가능
- 기능 확장에 유리한 구조 확보
- CMS 기반 콘텐츠 운영
- 안정적인 예약·신청 시스템
- 트래픽 증가에도 안정적 운영
- 비개발 조직의 독립적 운영 가능
- 기능 확장에 유리한 구조 확보
대기업 수준의 안정성과 보안 확보
- 개인정보 보호
- 인증·보안 체계 강화
- 장애 리스크 최소화
- 서비스 신뢰도 확보
- 장기 운영 가능성 확보
- 인증·보안 체계 강화
- 장애 리스크 최소화
- 서비스 신뢰도 확보
- 장기 운영 가능성 확보
핵심 기능
차량 정보 통합 제공
복잡한 자동차 정보를 하나의 흐름으로 제공
- 차종별 상세 정보
- 트림 / 옵션 / 가격 구성
- EV·내연기관·하이브리드 구분
- 차종별 상세 정보
- 트림 / 옵션 / 가격 구성
- EV·내연기관·하이브리드 구분
진행 단계
프론트엔드 - 요구사항 분석 & 범위 정의
2020.09.
- 화면 수 파악 (메인, 차종, 견적, 상담, 이벤트, 고객센터 등)
- 반응형 / 접근성 / 브라우저 대응 범위 정의
- 디자인 가이드(Figma) 구조 이해
- 반응형 / 접근성 / 브라우저 대응 범위 정의
- 디자인 가이드(Figma) 구조 이해
프로젝트 상세
1) 포트폴리오 소개 현대자동차 홈페이지 개발 ✔ 브랜드 & 제품 홍보 ✔ 고객 지원 & 구매/상담 가이드 ✔ 멤버십/서비스 관리 ✔ 고객과의 양방향 소통 허브 2) 작업 범위 - 프론트엔드 - 사용성/반응성/SEO 최적화. - 백엔드 - API 확장성/보안/멀티언어 및 CMS 통합. 3) 주요 업무 : 해당 서비스의 주요 기능 및 주요 페이지 차량 정보 제공, 브랜드 홍보, 고객
