프로젝트 : 전자담배 쇼핑몰 운영 중단 없는 단계별 고도화 - 메인 진열/상품후기/모바일 UX 고객사 : 쥬스프레소(juicepresso) 작업 범위 : 개발/디자인 100% 직접 수행 작업 기간 : 2026.05. ~ 2026.06. 담당 : 디자인/퍼블리싱/개발 총괄(PM) 사용 기술 : PHP, MySQL, JavaScript, jQuery, Swiper, 그누보드 전자담배(베이핑) 기기와 액상을 판매하는 쇼핑몰 쥬스프레소를 운영 중단 없이 여러 차수에 걸쳐 고도화한 프로젝트입니다. 메인 상품 진열, 상품후기, 모바일 화면을 단계별로 개선했습니다. [프로젝트 개요] 그누보드5+영카트5 기반으로 운영 중인 쇼핑몰이라, 서비스를 멈추지 않으면서 화면을 바꾸는 것이 핵심 조건이었습니다. PC/모바일 전용 테마 구조를 분석한 뒤 기존 헬퍼 함수와 데이터 구조를 그대로 활용해 메인 진열, 후기 노출, 모바일 탐색을 차수별로 고도화했습니다. 그 결과 고객이 원하는 방식으로 상품을 보고, 더 많은 후기를 한눈에 확인하며, 모바일에서도 주요 메뉴로 바로 이동할 수 있게 되었습니다. [주요 화면/기능] - 메인 NEW/BEST/입호흡/폐호흡 섹션에 그리드/리스트 보기 전환 기능 구축 - 메인 슬라이더 공통 구조 재설계로 화살표 잘림/위치 충돌 문제 해결 - REAL REVIEWS 영역과 상품후기 갤러리에 슬라이더 적용, 후기 노출 개수 확대 - 상품후기 목록 페이지를 갤러리형 + 리스트형으로 재구성, 작성자 이름 마스킹 - 후기 페이지 슬라이더 라이브러리 필요 시 로드로 불필요한 로딩 방지 - 모바일: Pretendard 폰트, 하단 내비게이션 바, 섹션 카드 스타일 적용 - 모바일 사이드 메뉴 로고/로그인 동선 개선, 카드 텍스트 말줄임 처리 - 납품 전 종합 점검: 중복 이벤트 제거, 스타일 CSS 분리, 빈 링크 수정, 480px 구간 레이아웃 오류 수정 [진행 방식] 주말/공휴일에도 차수별 작업을 이어갔고, 수정 요청은 당일 반영해 확인받았습니다. 차수마다 실제 동작하는 화면으로 확인을 받은 뒤 운영 중인 사이트에 단계별로 반영했으며, 구조 규칙과 후속 과제는 인계 문서로 남겼습니다. 재하청 없이 직접 개발하고 담당자가 고정됩니다. [작업 범위] UI 개선 기획 / 퍼블리싱 / 테마/스킨 커스터마이징 / 모바일 반응형 / 코드 점검 / 인계 문서화 [성과] - 운영 중단 없는 고도화: 여러 차수의 화면 개선을 운영 중인 사이트에 단계별로 반영하는 방식으로 적용했습니다. - 후기 노출 강화: 메인 REAL REVIEWS와 상품후기 페이지를 슬라이더/갤러리형으로 재구축해 한 화면에서 보이는 후기를 늘렸습니다. - 유지보수성 확보: 중복 이벤트/인라인 스타일/반응형 오류를 제거하고 인계 문서를 남겨 이후 작업이 바로 이어질 수 있게 했습니다. 퍼스트셀러는 기획/디자인/개발을 외주 없이 직접 수행합니다. 비슷한 사이트/앱이 필요하시면 편하게 견적 요청 주세요.

운영 중단 없는 쇼핑몰 고도화

상품후기 / 모바일 UX 고도화

상품후기 페이지/베스트 진열