
#9 KPN 홈페이지 내 랜딩페이지 시안 작업 요청드립니다.
star
Tasks
안녕하세요.
KPN 전략기획팀 김준배 차장입니다.
이번 요청드리는 시안은 저희 KPN 홈페이지에 들어갈 랜딩페이지 시안입니다.
해당 작업은 문의하기 랜딩페이지를 통해 문의결과를 취합하려고 하는게 목적입니다.
작업관련해서 상세페이지 기획안과 참고 시안 같이 자료에 첨부하였습니다.
요청 사항으로 페이지별로 대지를 나눠서 작업요청드립니다. 이후 홈페이지 담당자가 퍼블리싱 및 소스 등록으로 인해 분리가 필요합니다.
총 15페이지로 기획 되었으며 필요 이미지 모두 셔터스톡에서 사용하였으면 합니다.
지난번 단말기 시안처럼 해당 페이지 작업량이 조금 되다보니 페이지 분할 작업하여 완료되면 전달 부탁드립니다.
내용 확인 부탁드립니다.
늦었지만 새해 복 많이 받으세요~
감사합니다.
Comment 99
@김준배
안녕하세요 차장님
@이정아 이정아님 안녕하세요.
문의주신 내용 답변드립니다.
- 참고시안은 파워포인트 내용중에 오른쪽에 이미지 첨부되어 있습니다.
- 해상도는 KPN 공식 홈페이지 해상도 그대로 사용 부탁드립니다.
- PPT 5,6번 페이지는 하단 (개인정보 수집 화살표 클릭했을 때 나오는 내용입니다. 숨김/ 숨김 취소라고 보시면 좋을 것 같습니다.)
- 김준배 2024-01-17추가 문의사항으로 퍼블리싱도 작업이 가능하다고 전달 받았습니다.
해당 시안 작업 시 화면전환에 대한 퍼블리싱이 있었으면 합니다. 내용 감안하여 작업 부탁드립니다.
감사합니다.
네 내용 확인했습니다. 시안 진행하면서 나누어 공유드리겠습니다.
- 이정아 2024-01-17네 확인 감사합니다.
- 김준배 2024-01-17@김준배
안녕하세요
현재까지 진행된 부분 공유드립니다.
확인 부탁드립니다.
네 내용 확인하겠습니다. 감사합니다.
- 김준배 2024-01-18@김준배
안녕하세요
랜딩페이지 시안 첨부합니다.
3개의 파일로 되어 있으며
1,7,8 씬의 롤링, 오버 이미지 적용시켰습니다.
확인 부탁드립니다. 감사합니다.
작업 감사합니다. 내용 확인하고 연락드리겠습니다.
- 김준배 2024-01-22@이정아 이정아님 안녕하세요.
랜딩페이지 수정사항 정리하여 전달드립니다.
해당 내용 수정 부탁드립니다.
감사합니다.
네 확인했습니다. 진행 후 공유드리겠습니다.
- 이정아 2024-01-22안녕하세요
수정 진행중 궁금한 부분이 있어 문의 드립니다.
ppt 2,7,9, 11, 12페이지의 경우 가로 풀사이즈로 요청하셨는데
기존 KPN공식홈의 경우 가로 1200px로 진행되었습니다.
공식홈과 다른 해상도로 진행하시는지요?
시안처럼 1920px 기준으로 퍼블리싱이 들어가게되면 해상도가 작을때 가로 스크롤이 생겨나는 문제점이 있습니다.
해당 내용 확인 부탁드립니다. 감사합니다.
그 부분은 저도 몰랐네요. 그러면 기존 1200PX
- 김준배 2024-01-23치수로 진행 부탁드립니다.
@김준배
안녕하세요 김준배님
디자인 첨부드립니다.
어제 말씀드린 스크롤이 생기는 부분은 퍼블리셔에게 확인해보니 문제 없다고 답변들었습니다.
요청하신 페이지 1920px로 진행해서 첨부합니다.
확인 부탁드립니다. 감사합니다.
빠른 수정 감사합니다.
- 김준배 2024-01-24기존에 작게 되어있는 시안 부분들을 넓게 사용하고 싶은데요,
관련내용 오후에 PPT로 다시 전달드리겠습니다.
@이정아 수정사항 전달드립니다.
내용 확인 부탁드립니다.
감사합니다.
금일 요청해주신 부분 수정하여 첨부합니다.
확인 부탁드립니다.
빠른 수정 감사합니다. 내부 보고하고 연락드리겠습니다.
- 김준배 2024-01-24@이정아 이정아님 안녕하세요.
랜딩페이지 문의하기 부분에 내용 추가되어 작업 요청드립니다. (매장 유형 선택창 추가되었습니다.)
해당 시안 완료되면 퍼블리싱 작업 요청드립니다. 작업 완료후에 페이지 확인 가능한 URL 형태로 요청드립니다.
PC 작업 완료 후에 모바일용으로도 시안 요청드립니다. (PC/모바일 반응형 웹으로 요청드립니다.)
작업 일정이 조금 걸릴 것 같은데요, 일정 확인도 같이 부탁드립니다.
감사합니다.
@김준배
요청하신내용 반영하여 첨부드립니다.
문의유형 셀렉트(매장유형선택) 박스 선택 후 나오는 텍스트 내용은 퍼블리싱 후 확인 가능합니다.
@이정아 순서가 조금 바뀌었는데요, 추가수정1파일 처럼 순서 정리 부탁드립니다.
- 김준배 2024-01-25내용 설명드리면 좌측 '*'별 필수(매장유형, 상호/성명, 연락처, 문의사항)내용과 우측 (사업자번호, 이메일) 순입니다.
오전에 전달드렸던 추가 수정 1번 파일 그대로라고 생각하시면 될 것 같습니다.
수정본 추가합니다.
@이정아 내 수정 감사합니다. 해당 시안으로 PC 퍼블리싱 작업 부탁드립니다.
- 김준배 2024-01-25@이정아 이정아님 안녕하세요.
지난주에 PC 시안 퍼블리싱 작업 요청 드렸었는데요, 일정 관련해서 피드백 부탁 드립니다.
이후에 모바일 시안과 퍼블리싱도 같이 확인 해야되는데요, 해당 일정 감안하여 확인 부탁드립니다.
퍼블리싱 모바일 작업까지 다음주 화요일에 완성될것같습니다.
- 주한비 2024-01-31모바일 시안 첨부드립니다.
확인 부탁드립니다.
@이정아 이정아님 안녕하세요.
보내주신 모바일버전 잘 받았습니다.
반응형웹관련해서 내용 참고하여 수정사항 정리하였습니다.
수정가능한지 내용 확인 부탁드립니다.
감사합니다.
9페이지 관련 문의드립니다. 2번째 카드가 반으로 잘린건 터치하여 슬라이드하면서 좌-> 우로 이동하는 형태입니다. 현재 형태가 아닌 전체카드가 두개씩 썸네일 형태 2*4로 나오는 형태로 수정하면 되는지요?
- 이정아 2024-02-02@이정아 안녕하세요.
- 김준배 2024-02-02모바일 페이지 기준으로 2개가 기본으로 나오게 해주세요. 그리고 롤링 기능은 그대로 사용하고자 합니다.
모바일 시안 수정하여 첨부합니다.
@이정아 네 시안 확인하였습니다.
추가 수정사항 조금 생겼는데요, 내용 확인 부탁드립니다.
감사합니다.
수정완료하여 재첨부합니다.
@이정아 아직 수정내용 반영이 안된부분이 있어서 이미지로 전달드립니다.
해당 부분 확인 부탁드립니다.
이미지 정렬이라고 생각하고 착오가 있었습니다.
텍스트 정렬 수정해서 다시 첨부드립니다.
@이정아 네 차장님, 시안 잘 받았습니다.
해당 모바일도 차주에 퍼블리싱 작업 부탁드립니다.
감사합니다.
좋은 주말 보내세요.
http://perfectall.lotusport.co.kr/main/kpn/lande/sitemap.html
안녕하세요 랜딩 페이지 퍼블본 전달드립다. 파일은 위 링크에서 다운받아보실 수 있습니다.
퍼블리싱 작업 감사합니다. 내용 확인하고 연락드리겠습니다.
- 김준배 2024-02-06@이정아 @주한비 안녕하세요. KPN 김준배입니다.
보내주셨던 PC 랜딩페이지 퍼블리싱 부분 수정사항 정리하여 전달드립니다.
표현을 글로 작성하다보니 이해가 안되는 부분이 있을 것 같습니다.
궁굼한 부분은 전화 문의 부탁드립니다.
감사합니다.
@이정아 안녕하세요. KPN 김준배입니다.
- 김준배 2024-02-13지난주에 PC 퍼블리싱 수정사항 전달드렸는데요, 해당 수정 완료 일정 공유 부탁드립니다.
@김준배
안녕하세요
ppt 기준
PC / 4,7,10 page
Mobile / 10 page
디자인 수정했습니다.
나머지 부분은 퍼블리싱에서 수정 확인 가능합니다.
@이정아 안녕하세요. 보내주신 수정사항 확인했습니다. 퍼블리싱 수정사항 전달주시면 확인하겠습니다. 감사합니다.
- 김준배 2024-02-14@김준배 퍼블리싱 수정사항은 금요일 오전까지 전달드리도록 하겠습니다.
- 주한비 2024-02-14@김준배 늦어져서 죄송합니다.
http://perfectall.lotusport.co.kr/main/kpn/lande/sitemap.html
에서 수정된 파일 확인 및 다운로드 하실 수 있습니다.
@이정아 @주한비
안녕하세요 kpn 김준배입니다.
금일 보고중에 몇가지 수정사항 나와서 내용 전달드립니다.
해당 수정은 내용 중 문구 수정 2건으로 죄송하지만 금일 중에 수정이 가능한지 확인 부탁 드립니다.
비쥬얼 수정한 이미지 전달드립니다
컨펌 완료되면 금일중으로 텍스트와 함께 수정하겠습니다.
http://perfectall.lotusport.co.kr/main/kpn/lande/sitemap.html
@김준배 우선적으로 버튼 및 텍스트만 수정된버전 전달드립니다.
수정작업 감사합니다. 제가 일부 소통을 잘못드린것 같아서 내용 다시 전달드립니다.
-> 배너 사이즈는 현재 제쪽에서 확인이 안되고 있습니다. 사이즈 확인이 가능한지 확인 부탁드립니다.
- 김준배 2024-02-192. 보내주신 랜딩페이지는 첫번째 배너 이미지에서 '문의하기' 버튼 삭제 부탁드립니다.
공식홈 배너 추가건 이미지 파일 올립니다.
확인 부탁드립니다.
시안 전달 감사합니다.
- 김준배 2024-02-19공식홈 퍼블리싱도 진행하게 되나요?
- 이정아 2024-02-19@이정아 차장님 내일 내부 컨펌받고 공유 드리겠습니다. 확인 감사합니다.
- 김준배 2024-02-19@이정아 차장님 안녕하세요.
현재 랜딩페이지에 들어가 있는 문의하기는 삭제 부탁드려요.
추가로 랜딩페이지 마지막페이지 부분에 '사업의 모든 순간' -> '사업의 결정적 순간' 수정 부탁드립니다.
공식홈 배너는 내용 컨펌받고 전달드리겠습니다.
참고 이미지 전달드립니다.
http://perfectall.lotusport.co.kr/main/kpn/lande/sitemap.html 문의하기 버튼 및 텍스트 수정반영하였습니다.
- 주한비 2024-02-20@주한비 시안 수정 감사합니다. 내부 공유토록하겠습니다.
- 김준배 2024-02-20@이정아 @박지수 @주한비
차장님 안녕하세요.
조금 전에 전화드린 김준배입니다.
KPN 기업 랜딩페이지 적용개발 관련해서 문의드린 내용 전달드립니다.
<KPN 랜딩페이지 작업 요청건>
해당 소스 공유 및 작업 일정 공유 부탁드립니다.
감사합니다.
@김준배 퍼블작업은 디자인 완료 후 2~3일 걸릴것 같습니다.
- 주한비 2024-02-26디자인 작업 내일 오전중에 완료하여 컨펌 요청드리겠습니다.
- 이정아 2024-02-26확인 감사드립니다.
- 김준배 2024-02-26@박지수
안녕하세요
어제 요청하신 디자인 부분 작업이 완료되어 첨부합니다.
확인 부탁드립니다.
@이정아 제품 - 문의하기 신규메뉴 배지 추가된 디자인 시안 부탁 드립니다.
- 박지수 2024-02-27@김준배 디자인 시안 확인하시고, 이상 없으시면 퍼블리싱 작업 요청 진행해 주시면 될 것 같습니다.
@박지수 2번째 Section에 제품문의하기 버튼 추가되어 있는 시안입니다. 별도의 디자인을 원하시는 내용인가요?
- 이정아 2024-02-27@이정아 홈페이지 푸터부분 채널 시안 확인하였습니다. 퍼블리싱 작업 요청드립니다.
- 김준배 2024-02-27그리고 수정사항으로 메인 롤링배너에 문구 수정 부탁드립니다. (사업의 모든 순간, -> 사업의 결정적 순간,)
@이정아 첨부드린 캡처화면과 같이 신규 메뉴(문의하기)에 "솔루션" 배지가 추가되므로 해당 부분에 대한 디자인을 요청 드린 건 입니다.
공식홈페이지
적용했습니다. 확인 부탁드립니다.
제품 메뉴와 동일레벨로 추가해 주셨는데 제품 메뉴 하위에 서브메뉴로 "문의하기" 메뉴가 추가되는 형태 입니다. 확인 부탁 드립니다.
- 박지수 2024-02-27메뉴 수정해서 다시 첨부합니다.
@김준배 차장님, 메뉴 배지 추가된 최종버전 시안 확인해 주시기 바랍니다.
- 박지수 2024-02-27@박지수 @이정아 부장님 확인이 늦었습니다. 솔루션 아이콘을 블루 컬로로 잡으면 더 좋을 것 같습니다. 이정아 차장님 내용 확인 부탁드립니다. 감사합니다.
- 김준배 2024-02-28솔루션 아이콘 컬러 수정했습니다.
@박지수 @이정아 수정 반영 감사합니다. 해당 시안 최종안으로 확인하였습니다.
- 김준배 2024-02-28퍼블리싱 요청하겠습니다.
- 이정아 2024-02-28네 감사합니다.
- 김준배 2024-02-28@박지수 @이정아
안녕하세요 작업물 전달드립니다. 랜딩 페이지는 아래 링크에서 파일 다운로드.zip 클릭하시면 퍼블리싱 파일 받으실 수 있습니다.
http://perfectall.lotusport.co.kr/main/kpn/lande/sitemap.html
kpn 홈페이지 소스는 아래 파일로 확인 부탁드리겠습니다.
수정된 부분은 240304 수정 으로 주석 달아두었습니다.
home_0304.zip
@박지수 박지수 부장님 퍼블리싱 자료 전달받아 내용 공유드립니다.
- 김준배 2024-03-04@주한비 안녕하세요. 퍼블리싱 소스 관련하여 문의 드릴 내용이 있어 연락처 공유해 주시면 유선으로 연락드려 문의 드리겠습니다.
- 박지수 2024-03-04@박지수 01022293340 입니다~
- 주한비 2024-03-04@주한비
안녕하세요. 요청하신 당 사 홈페이지 리소스 파일 첨부 드립니다.
개발 진행 시 가능하시다면 font 파일들은 파일사이즈가 경량화된 버전으로 작업 부탁 드립니다.
감사합니다.
감사합니다
- 주한비 2024-03-04@이정아 @주한비
안녕하세요. KPN 김준배 차장입니다.
시안 보다보니 따옴표 오타가 있어서 내용 전달드립니다. 해당 문구부분 삭제 부탁드립니다.
@이정아 @주한비
- 김준배 2024-03-11안녕하세요.
지난주에 요청드렸던 내용인데요, 아직 반영이 안되어 있는 것 같습니다.
해당 내용 수정 요청 드립니다.
@김준배 반영하였습니다! http://perfectall.lotusport.co.kr/main/kpn/lande/sitemap.html 로 확인 가능합니다
- 주한비 2024-03-11@박지수 @이정아
유선상에서 말씀드린대로 작업 진행하여 재전달드립니다.
폰트는 웹폰트로 대체하였습니다.
lande.zip
@주한비
안녕하세요. 전달해 주신 퍼블리싱 소스 관련해서 문의 드립니다.
우선, 기존 홈페이지 메인페이지 수정본(메인배너 변경, 제품문의하기 배너 추가, footer SNS 바로가기 추가)과 랜딩페이지 신규 추가된 소스가 병합이 되어 있지 않은 것으로 보여,
이전에 전달해 주신 home_0304.zip 파일과 이번에 전달해 주신 lande.zip 파일의 style.css와 이미지 파일들을 병합하여 작업을 진행 중 입니다.
랜딩페이지는 아직 작업 전이어서 진행 후에 문의 드릴 내용이 있으면 문의 드릴 예정이고, 메인페이지와 관련하여 기존 페이지와 비교 시 아래 캡처와 같이 "오프라인결제", "온라인PG" 영역을 포함한
하위 영역들이 여백이 늘어난 것으로 확인이 됩니다.
제가 퍼블리싱 소스 병합하는 부분에서 잘못한 부분이 있는 것인지 전달해 주신 퍼블리싱 소스에 수정이 필요한 부분이 있는지 확인 부탁 드립니다.
기존 홈페이지는 아래 URL에서 확인 가능 합니다.
style.css파일의 merge한 버전은 참고 차 첨부 드립니다.
감사합니다.
확인해보겠습니다
- 주한비 2024-03-11@주한비
랜딩페이지도 일부 확인이 필요한 부분이 있어 아래 내용에 대한 확인 부탁 드립니다.
해당 부분까지 체크하여 금요일 오전까지 전달드리겠습니다
- 주한비 2024-03-13네 알겠습니다. 이전에 전달해 주신 소스에 업무로직을 추가한 상태이므로 추후 수정된 소스 전달해 주실 때 변경된 부분에 주석 추가 부탁 드립니다.
- 박지수 2024-03-14@박지수 넵
- 주한비 2024-03-14@박지수 @이정아
lande_0315.zip
이미지 변경 및 소스 오류 부분 수정하였습니다.
@김준배 유선상으로 통화했던 랜딩페이지 이미지(저작권문제) 변경하였습니다.
- 이정아 2024-03-15네 확인 감사합니다.
- 김준배 2024-03-15@이정아 @주한비
지난 주 전달해 주신 소스 적용하였고, 아래 부분들도 수정 요청 드립니다.
하단 고객센터 상담시간이 개행되는 부분 수정 요청

모바일환경에서 상담시간 표기영역과 온라인문의 버튼이 너무 가깝게 붙어 있어 일정 여백 필요

메인배너이미지 내 텍스트가 흰색이라 눈에 띄지 않는데 좀 더 식별이 가능한 색상으로 변경 요청(PC/모바일 모두)

상단에 위치한 문의하기 등록 항목의 width를 맞추는 작업이 필요해 보입니다.(하단 문의하기는 width가 일치)

모바일환경에서 메인배너 바로 아래 부분의 컨설팅/솔루션/최적화 장비 섹션에서 "컨설팅"은 하이라이트 표기가 되지 않는 부분 수정 요청(솔루션/최적화 장비는 하이라이트 됨)

모바일 환경에서 결제플랫폼/카드사/글로벌결제 소개 영역의 타이틀에 대한 하이라이트 표기가 현재 선택한 타이틀만 하이라이트 되지 않고 전체 타이틀이 하이라이트되는 부분 수정 요청(타이틀에 언더라인만 표기되고 색상반전은 되지 않는 부분도 수정 필요)
@박지수 내일 오전까지 전달 드리겠습니다
- 주한비 2024-03-18240318 수정으로 주석달아둔 부분 확인 부탁드리겠습니다.
메인과 랜딩페이지 css 합본버전으로 전달드립니다
lande_0318.zip
@주한비 @이정아
아래 2가지 수정 부탁 드립니다.
메인페이지 롤링배너 모바일버전으로 확인 시 문구가 이미지 색상과 겹쳐 식별이 어려운 부분 수정 요청

랜딩페이지의 태그에 적용된 class가 메인페이지와 간섭이 있어 통합된 버전으로 수정 요청
공통 header 소스에 js/css 등의 import 소스와 head태그 ~ body태크 부분이 존재하고 각 랜딩/메인페이지는 부터 소스가 시작되는 구조로 되어 있어 공통 헤더의 body 태그에 class="lande-box" 클래스를 적용하면 메인페이지의 금번 수정된 부분인 고객센터 운영시간 개행 등의 적용이 되지 않고, 해당 클래스를 제거하면 랜딩페이지의 문의하기 영역이 정상 표기되지 않는 상태 입니다.
body태그 내에 class를 적용하지 않는 형태로 수정 부탁 드립니다.
내일까지 수정해서 전달드리겠습니다
- 주한비 2024-03-19요청하신 수정사항 작업한 파일 전달드립니다. 변경된 부분은 240320 수정으로 변경하였습니다.
lande_0320.zip
@주한비
메인페이지 롤링배너 변경사항은 확인 되었는데, 2번 요청사항 관련하여 body 태그 대신 div wrapper 에 wrapper-lande를 추가하는 형태로 반영 시,
메인페이지의 섹션별 간격이나 고객센터 운영시간 부분 등이 이전과 동일하게 표기가 됩니다.
메인페이지와 랜딩페이지 모두 실제 소스는 article id="content" 부분부터 시작이 되고 그 윗 부분은 모두 공통페이지 영역 입니다.
현재 공통페이지 소스인 layout.jsp와 header.jsp 페이지 그리고 랜딩(contactUs.jsp) 및 메인페이지(main.jsp) 소스 첨부 드리오니 참고 하시어 수정 부탁 드립니다.
lande_0322.zip
수정해 주신 내용 확인 하였습니다. 감사합니다.
- 박지수 2024-03-25