안녕하세요. 핀테크프로젝트를 총괄하고 있는 KPN 핀테크연구소장 석수영입니다. "1. 경고메시지창" 과 "2. 로딩이미지"에 관해서 다음과 같이 요청드립니다.
경고메시지창 관련 정확히는 현재 시스템에 정상메시지창, 경고메시지창, 오류메시지창 두가지가 필요합니다. 현재 메시지창으로 제공해주신 창은 전체 화면과 유사한 톤으로 되어 있어서 "정상 메시지창"으로 이해가 됩니다. 메시지창 관련해서 저희가 추가적으로 필요한 것은 경고메시지창, 오류메시지창 입니다.
해당 메시지창의 쓰임을 예시로 들어보겠습니다. 어떤 고객에게 당사가 인증서를 통해서 토큰을 발행하는 서비스를 제공했다고 하겠습니다. 해당 인증서를 이용하여 정상적으로 토큰을 발급받으면 정상메시지창을 통해서 "정상 처리되었습니다." 라는 메시지가 화면에 나오게 됩니다. 만약 해당 인증서가 만료된 인증서라면 오류메시지창을 통해서 "더이상 사용할 수 없는 인증서입니다." 라는 메시지가 화면에 나오게 됩니다. 해당 인증서가 정상이지만 만료기일이 다가온다면 경고메시지창으로 "인증서 만료 ##일 전 입니다." 라는 메시자가 화면에 나오게 됩니다. 이러한 메시지의 글자수는 최대 100글자 내외정도로 보시면 되겠습니다.
저희가 메시지창을 요청드린 것에는 위와같은 업무적 쓰임에 배경이 있다고 할 수 있겠습니다. 저희가 디자인 전문가가 아니라서 위 내용을 참고하시어 경고메시지창, 오류메시지창에 관한 적절한 색상 및 디자인 요소를 지원해 주시면 감사하겠습니다.
로딩이미지 관련하여 현재 진행하고 있는 시스템에 적절한 로딩이미지가 필요합니다. 안내메시지는 필요하진 않습니다. 무한괘도 형태의 로딩이미지를 요청드립니다. 무한괘도라 함은 처음과 끝이 정해져 있지 않은 모래시계 같은 무한 순환하는 움직이는 이미지 같은 것을 의미합니다. 해당 로딩이미지는 화면의 요청을 서버로 보낼때 화면의 Lock을 잡기 위한 용도입니다. 로딩이미지가 나올때는 당연히 업무화면은 회색으로 Lock이 잡혀야 합니다. 또한 해당 로딩이미지는 메인업무화면 및 레이어팝업에서도 잘 동작해야 합니다. (일전에 주신 소스에서 날짜 캘린더의 경우 레이어팝업에서 나타나지 않는 문제가 있었습니다.) 위 내용으로 로딩이미지 부탁 드리겠습니다.
@변효석_로터스포트@주한비 안녕하세요 기존에 있던 LNB 메뉴를 아코디언 메뉴 형식으로 변경 요청드립니다. 당사 시스템에서 LNB 메뉴는 첨부된 사진과 같이 아코디언 형식으로 진행하고 있기에, 비슷한 형식으로 변경 요청드립니다.
아코디언 메뉴 확장 시 영역이 많아질 경우 스크롤 추가 부탁드립니다. 또한, 메뉴가 확장되는 건 한 개의 상위 메뉴만 가능하도록 부탁드립니다. (A 메뉴 확장 후 B 메뉴 누를 시 A 메뉴 접히고 B 메뉴 확장) 아코디언 디자인 관련해서는 적절한 색상 및 디자인 요소를 지원해 주시면 감사하겠습니다.
KCF - BackOffice system.pdf
시안 두타입 첨부합니다.
TypeA - 기존 UI & 디자인 유지
TypeA_01 - 기존 UI 유지하면서 심플하게 변경
TypeB,TypeB_01 - UI변경
@이정아 @변효석_로터스포트 @주한비
첨부된 버전으로 결정되었습니다. 퍼블리싱 작업 부탁드리며, 모바일 버전 디자인 진행해주세요
@변효석_로터스포트 @주한비 @이정아 이건 모바일 버전 디자인과 퍼블리싱 작업진행 공유해주세요
@김도한 모바일 디자인 컨펌 부탁드립니다.
@변효석_로터스포트 모바일 디자인 다시 부탁 드립니다. 로그인도 PC버전은 받지 못했네요
@변효석_로터스포트 로그인 페이지 하단 카피라이트, 시스템명 노출해주시고, 서브페이지는 PC버전과 폰트나 체크박스 입력창 등 스타일이 틀립니다. 영업일 5일간 동안 모바일 디자인해주신 결과로 보기인 아쉬움이 남습니다. 재디자인 요청드립니다.
안녕하세요
수정된 파일 전체 첨부합니다.
확인 부탁드립니다.
@이정아 @변효석_로터스포트
모바일 / PC 로그인 : 하단 Footer 부분이 부각됩니다. (회사명, Copyright 부분 ) 조금 톤 다운이나 폰트 bold처리하지 말고 약하게 부탁드립니다.
모바일 서브페이지 : footer부분도 위와 동일하게 수정해주세요
요청하신 부분 적용하여 첨부합니다.
@이정아 @변효석_로터스포트 @주한비 하단 회사명과 copyright 부분 컬러를 더 약하게 변경해주시고 바로 퍼블리싱 부탁드립니다.
@변효석_로터스포트 @주한비 전에 말씀 드렸던것 처럼 홈페이지 퍼블리싱 작업은 이번 KCF 작업 후 진행 부탁드립니다.
@변효석_로터스포트 이 이슈 처음에 등록했을때 IBsheet zip파일이 KCF에 적용할 그리드 솔루선 샘플입니다.
@김도한 30일 목요일 전달예정입니다.
@변효석_로터스포트 KCF 시스템 BackOffice UI 오늘 퍼블리싱작업건 전달 받기로 한것 같은데요. 확인 부탁드립니다.
http://lotusport.iptime.org:8800/fiserve/KCF/sitemap.html
안녕하세요. 작업물이 늦어져서 죄송합니다. KCF 시스템 BackOffice 전달드립니다.
@석수영 @권선현 퍼블리싱 작업물 확인 부탁드립니다.
http://lotusport.iptime.org:8800/fiserve/KCF/sitemap.html
@변효석_로터스포트 안녕하세요 공유주신 퍼블리싱 작업물 확인결과 아래 리스트 글꼴이 깨지거나 혹은 빈파일로 렌더링되는 부분 확인됩니다.
해당 리스트 확인 부탁 드립니다.
http://lotusport.iptime.org:8800/fiserve/KCF/html/sample/101010100-1.html : 글꼴깨짐(인코딩 문제)
http://lotusport.iptime.org:8800/fiserve/KCF/html/sample/101010100-2.html : 글꼴깨짐(인코딩 문제)
http://lotusport.iptime.org:8800/fiserve/KCF/html/sample/101010100-3.html : 화면 렌더링 안됨(스크립트 오류 발생)
http://lotusport.iptime.org:8800/fiserve/KCF/html/sample/101010100-4.html : 화면 렌더링 안됨(스크립트 오류 발생)
http://lotusport.iptime.org:8800/fiserve/KCF/html/sample/101010100-5.html : 화면 렌더링 안됨(스크립트 오류 발생)
@주한비 @변효석_로터스포트 추가적으로 첨부이미지 테이블 상단
에 테투리색이 없는것으로 확인되는데 이부분이 디자인적으로 의도된 부분(의도적으로 누락)인지 혹은 오류사항인지 확인 부탁 드립니다.
오류사항이라 인코딩 문제와 함께 수정하였습니다
- 주한비 2023-12-04@주한비 @변효석_로터스포트 수정해주신 부분 확인 결과 아래 파일들은 모두 같은 결과물로 렌더링되는데 해당 부분도 확인 부탁 드립니다.
http://lotusport.iptime.org:8800/fiserve/KCF/html/sample/101010100-3.html
http://lotusport.iptime.org:8800/fiserve/KCF/html/sample/101010100-4.html
http://lotusport.iptime.org:8800/fiserve/KCF/html/sample/101010100-5.html
해당부분은 샘플로 탭 눌렀을 시 페이지 접근및 시트 렌더링이 정상적으로 되는지 테스트를 위한 부분이라 이상없음이 확인되었습니다
- 주한비 2023-12-05@주한비 @변효석_로터스포트 안녕하세요 작업해주신 결과파일 http://lotusport.iptime.org:8800/fiserve/KCF/sitemap.html 페이지 상단에 파일다운로드 를 선택하면 빈파일로 다운로드 되는데 확인 부탁 드립니다.
수정했습니다
- 주한비 2023-12-27@변효석_로터스포트 @주한비 안녕하세요 추가적인 퍼블리싱 요청 작업이 있습니다.
해당 요청 사항에 대해 대략 언제쯤 결과물을 받아볼 수 있는지도 답변 부탁 드리겠습니다.
해당 요청사항에 대해 텍스트만으로는 작업진행이 어려워 추가질의드립니다.
내부적으로 디자인을 작업 후 퍼블리싱 후 전달드리기 위해
화면 설계 또는 상세한 설명 요청드립니다.
- 변효석_로터스포트 2024-01-18경고 메시지 창 필요 (색 변경)
일반레이어, 레이어 팝업에 사용되는 로딩 이미지 필요
거래내역 관리 조회 시 입력 폼 아래 조회 버튼 필요
레이어팝업에서 입력 폼 형태가 달력인 화면 필요 (레이어팝업에서 달력 입력 폼 추가하면 안보입니다.)
IBSheet에서 조회 시 조회된 리스트를 엑셀로 다운로드 할 수 있는 버튼 필요
안녕하세요. 핀테크프로젝트를 총괄하고 있는 KPN 핀테크연구소장 석수영입니다. "1. 경고메시지창" 과 "2. 로딩이미지"에 관해서 다음과 같이 요청드립니다.
정확히는 현재 시스템에 정상메시지창, 경고메시지창, 오류메시지창 두가지가 필요합니다.
현재 메시지창으로 제공해주신 창은 전체 화면과 유사한 톤으로 되어 있어서 "정상 메시지창"으로 이해가 됩니다.
메시지창 관련해서 저희가 추가적으로 필요한 것은 경고메시지창, 오류메시지창 입니다.
해당 메시지창의 쓰임을 예시로 들어보겠습니다.
어떤 고객에게 당사가 인증서를 통해서 토큰을 발행하는 서비스를 제공했다고 하겠습니다.
해당 인증서를 이용하여 정상적으로 토큰을 발급받으면 정상메시지창을 통해서 "정상 처리되었습니다." 라는 메시지가 화면에 나오게 됩니다.
만약 해당 인증서가 만료된 인증서라면 오류메시지창을 통해서 "더이상 사용할 수 없는 인증서입니다." 라는 메시지가 화면에 나오게 됩니다.
해당 인증서가 정상이지만 만료기일이 다가온다면 경고메시지창으로 "인증서 만료 ##일 전 입니다." 라는 메시자가 화면에 나오게 됩니다.
이러한 메시지의 글자수는 최대 100글자 내외정도로 보시면 되겠습니다.
저희가 메시지창을 요청드린 것에는 위와같은 업무적 쓰임에 배경이 있다고 할 수 있겠습니다.
저희가 디자인 전문가가 아니라서 위 내용을 참고하시어 경고메시지창, 오류메시지창에 관한 적절한 색상 및 디자인 요소를 지원해 주시면 감사하겠습니다.
- 로딩이미지 관련하여
- 석수영 2024-01-19현재 진행하고 있는 시스템에 적절한 로딩이미지가 필요합니다. 안내메시지는 필요하진 않습니다.
무한괘도 형태의 로딩이미지를 요청드립니다. 무한괘도라 함은 처음과 끝이 정해져 있지 않은 모래시계 같은 무한 순환하는 움직이는 이미지 같은 것을 의미합니다.
해당 로딩이미지는 화면의 요청을 서버로 보낼때 화면의 Lock을 잡기 위한 용도입니다.
로딩이미지가 나올때는 당연히 업무화면은 회색으로 Lock이 잡혀야 합니다.
또한 해당 로딩이미지는 메인업무화면 및 레이어팝업에서도 잘 동작해야 합니다. (일전에 주신 소스에서 날짜 캘린더의 경우 레이어팝업에서 나타나지 않는 문제가 있었습니다.)
위 내용으로 로딩이미지 부탁 드리겠습니다.
@변효석_로터스포트 @주한비 추가로 질의사항이 있는데,
작업물 중에

첨부 이미지 상에 있는 빨간 버튼들이 각각 어떤 동작을 하며, 어떤 의미를 가지는 버튼인지 궁금합니다.
@조기천 ★ : 즐겨찾기 추가 버튼, ? : 도움말 팝업, = : 메뉴 전체보기인데 이건 KCF BO세서 삭제해도 될것 같네요
- 김도한 2024-01-16@변효석_로터스포트 @주한비
3, 4, 5번 질의에 대한 답변 입니다.
3, 5번의 경우,
버튼 위치는 아래 빨간 박스 위치로 잡아주시고,
엑셀 버튼의 경우 엑셀 아이콘 + 엑셀 형식의 버튼으로 디자인으로 부탁 드리겠습니다.
4번의 경우,
아래 예시 사진과 같이 레이어팝업 상태에서 날짜 캘린더를 누르게 되면 뜨지 않는 문제가 있습니다.
@조기천 @주한비
안녕하세요.
요청하신 디자인 파일 첨부드립니다.
캘린더 오류건은 기존 캘린더 디자인으로 퍼블리싱에서 구현하도록 하겠습니다.
컨펌 완료 후 퍼블리싱 진행예정입니다.
답변 부탁드립니다. 감사합니다.
네 해당 디자인으로 퍼블리싱 부탁 드립니다.
- 조기천 2024-01-22퍼블리싱 작업 결과물은 언제 받아볼 수 있는지 답변 부탁 드립니다.
@조기천 26일 오전까지 전달드리도록 하겠습니다
- 주한비 2024-01-22안녕하세요, 추가 작업 url 공유드립니다.
아래 링크로 들어가시면 파일 받아보실 수 있습니다.
기존 assert 파일들 전체 적용 부탁드리며 html 구조상 변경된 것들은 240126 로 주석달아두었습니다
http://perfectall.lotusport.co.kr/main/kpn/KCF/sitemap.html
@변효석_로터스포트 @주한비
안녕하세요. 석수영입니다.
로딩이미지 관련하여
==> (화면을 Lock잡은 듯 한 상태), 보통 회색 Layer에 불투명도를 입혀서처리,,, deemed 처리 등
위와 같은 내용이었습니다.
로딩 이미지 관련해서는 일단 당사에서 자체적으로 처리하도록 하겠습니다. (저희가 처리한 내용을 이미지 첨부하오니 참고 바랍니다.)
당사 프로젝트와의 sync를 위해서 현재 ibsheet에 작업해 놓으신 로딩이미지는 원복해주실 것을 요청 드립니다.
관련하여 답변 부탁드립니다.
내용 확인하였습니다. 기존에 ibsheet 수정했던 로딩은 원복시켜 오늘중으로 전달드리곘습니다.
- 주한비 2024-01-31http://perfectall.lotusport.co.kr/main/kpn/KCF/sitemap.html 렌더링 이미지 원복 시켜두었습니다
@주한비 @변효석_로터스포트 안녕하세요 요청드린 사항 중 LNB에서 즐겨찾기 버튼 동작 연결이 빠진 것 같습니다.
해당 내용 확인해주시고 언제 받아볼 수 있는지 답변 부탁 드립니다
@변효석_로터스포트 @주한비 위 내용 확인 부탁드립니다.
@조기천 일정이 늦어져서 죄송합니다. 목요일 오후까지 전달드리겠습니다.
- 주한비 2024-02-14http://perfectall.lotusport.co.kr/main/kpn/KCF/sitemap.html
즐겨찾기 추가해두었습니다.
@변효석_로터스포트 @주한비
안녕하세요 기존에 있던 LNB 메뉴를 아코디언 메뉴 형식으로 변경 요청드립니다.
당사 시스템에서 LNB 메뉴는 첨부된 사진과 같이 아코디언 형식으로 진행하고 있기에, 비슷한 형식으로 변경 요청드립니다.
아코디언 메뉴 확장 시 영역이 많아질 경우 스크롤 추가 부탁드립니다.
또한, 메뉴가 확장되는 건 한 개의 상위 메뉴만 가능하도록 부탁드립니다. (A 메뉴 확장 후 B 메뉴 누를 시 A 메뉴 접히고 B 메뉴 확장)
아코디언 디자인 관련해서는 적절한 색상 및 디자인 요소를 지원해 주시면 감사하겠습니다.
@조기천 @주한비
메뉴 디자인 첨부합니다.
확인 후 퍼블리싱 진행하도록 하겠습니다.
네 해당 디자인으로 퍼블리싱 부탁 드립니다.
- 조기천 2024-02-22퍼블리싱 작업 결과물은 언제 받아볼 수 있는지 답변 부탁 드립니다.
@조기천 퍼블본은 금요일까지 전달드리겠습니다.
- 주한비 2024-02-22http://perfectall.lotusport.co.kr/main/kpn/KCF/sitemap.html
퍼블 작업본 전달드립니다.
@변효석_로터스포트 @주한비
안녕하세요. 퍼블리싱 작업물에서 추가적인 요청 사항이 있습니다.
아코디언 메뉴가 열린 상태로 해당 메뉴(열린 아코디언 메뉴)를 다시 눌렀을 때, 아코디언 메뉴가 닫히도록 동작 수정 부드립니다.
http://perfectall.lotusport.co.kr/main/kpn/KCF/sitemap.html
아코디언 메뉴 열고닫기 추가해두었습니다.
@변효석_로터스포트 @주한비
안녕하세요 PC 환경에서는 GNB, LNB 메뉴가 아래 사진처럼 잘 있지만,
모바일 환경에서 GNB 메뉴를 선택할 수 없는 문제가 있습니다. 해당 부분 확인 부탁 드립니다.
확인해보겠습니다
- 주한비 2024-04-11오늘 오후 중으로 작업 마무리 예정입니다
- 주한비 2024-04-22http://perfectall.lotusport.co.kr/main/kpn/KCF/sitemap.html
헤더와 사이드 < 버튼 클릭시 사이드 메뉴가 나오고, 메뉴 버튼 클릭시 헤더가 나오도록 부분 변경되었습니다.
수정된 부분은 240422로 주석 달아두었습니다.
@주한비 @변효석_로터스포트
안녕하세요.
이전에 GNB, LNB 이슈 관련해서
모바일 UI 퍼블리싱을 진행을 해주신 화면에서 추가적인 요구사항이 있습니다.
GNB는 우측 아이콘에 있고, LNB는 좌측 아이콘에 있어서 사용성이 불편합니다.
GNB에서 선택 후 이후에 바로 LNB를 선택할 수 있도록 모바일 화면 변경 부탁드립니다!
(메뉴를 선택하는 화면에서 GNB, LNB가 같이 있었으면 좋겠습니다!)
내일 오후까지 디자인 전달드리겠습니다.
@조기천
@조기천 통화로 문의드릴 것이 있는데 휴대폰 번호 전달가능하실까요?
네! 01072073990 입니다
- 조기천 2024-10-17@조기천
메뉴 디자인 첨부합니다.
@이정아 @변효석_로터스포트
네 안녕하세요.
확인해본 결과, 나중에 GNB가 더 늘어나고 LNB도 여러 개가 있어서
해당 디자인 말고 다른 디자인으로 다시 부탁드립니다.
제가 첨부로 올린 사진 형식처럼 디자인이 가능할까요?
(KB스타뱅킹 앱 메뉴 화면 중 일부 캡쳐했습니다.)
@조기천
안녕하세요
요청하신 내용 기반으로 시안 첨부드립니다.
GNB와 LNB를 한공간으로 합쳐서 컬러로 구분지었습니다.
확인 부탁드립니다.