"언제나 완벽을 만들어내는 사람들" (주)JNFCommunication 은 지난 20여 년간
System 개발 및 운영을
전문으로 해온 축적된 Know How를 바탕으로
최고의 Solution 을 제공해 드릴 것 입니다.

종은소리의 첫 만남

들어보지 않으면 알 수 없습니다.
좋은 소리가 전하는 새로운 경험, 아래 버튼을 눌러 직접 들어보세요.

System

Project

  • Mobile First

    스마트 기반 반응형 웹 적용

    국립국악원 홈페이지는 기본적으로 반응형 웹을 적용하여 사이트의
    주요 내용을 모바일 화면에 최적화할 수 있도록 구현     루크 로브로스키(Luke Wroblewski)에 따르면 데스크탑보다 모바일을
    더 먼저 고려해야 할 때이고 데스크탑은 그 다음으로 고려해야 한다는 의미이며 데스
    크탑용 사이트를 먼저 만든 뒤 화면크기에 따라
    그 사이트를 모바일용으로 변형시키는 것이 아니라,모바일 사이트를
    먼저 만들고 화면 크기가 큰 경우에 데스크탑용 사이트로
    변형시키는 방식으로 만드는 CSS 작성 방법론     Mobile First 인터페이스 구현을 통해 모바일 환경과 동일한 사용자 경험을
    제공할 수 있는 레이아웃으로 구성

  • UI설계를 위한 Wireframe Works

    프로토타이핑 툴을 활용한 전체적인 UI 화면 설계

    최적의 사용자 경험을 제공하기 위해 프로토타입을 통한
    인터페이스 화면을 정의하고 설계가 필요     최종 디자인 및 퍼블리싱 전에 프로토타입툴을
    사용하여 사이트 전체의 인터페이스 프로세스 설계     이를 기반으로 사용성테스트(Usability Test)를
    실시하여 UI설계의 방향성 정립

  • 디자인 시스템 정의 (Design Style Guide)

    국립국악원 홈페이지의 디자인 개편를 위해 UI 구성요소에 대한 디자인 시스템을 정의 타이포그래피, 전용컬러, 각종 Input, Button, Textarea등에 대한 스타일 가이드를 정의함으로써 인터
    페이스 디자인 적용시 효과적으로 대응

  • 관리 시스템 UI

    스마트 기반 반응형 웹 적용

    관리자가 효율적인 업무를 수행하기 위해서 사용자 경험에 의한 UI/UX 디자인 구현 UI설계시 Wireframe Prototype을 통해 보다 직관적인 인터페이스를 구현 이를 통해 쉽게 빠르게 이해할 수 있도록 디자인을 적용하여 업무의 생산성 증대

  • Grid System

    전통적인 관리자 시스템 UI는 웹 브라우저에서 작동되기
    때문에 웹사이트와 유사한 방식의 레이아웃으로 구성하는 것이
    일반적인 방법     하지만 이러한 방법의 레이아웃을 적용하게 되면
    브라우저 양쪽에 여백이 남게 되고 불필요한 클릭수를 요구하게
    되는 불편한 구조임     이런한 문제점을 개선하고자 시스템을 사용자 경험을 통한 Web
    Application UI로 구성함     화면 레이아웃은 기본적은 1920px X 1080px에
    최적화 하고 최소 화면비율은 1440px X 900px까지 비율을
    유지할 수 있도록 UI 설계

    Header

    로고 및 로그인 정보

    Main Nav

    메인메뉴 및 2depth 메뉴로 구성

    Search & Option

    해당 콘텐츠의 검색 및 옵션을 설정하는 영역으로 왼쪽에서 전개

    Contents

    해당 페이지의 테이블 이나 지도, 그래프를 출력하는 영역

    Detail View

    테이블 리스트의 상세 내용이 오른쪽에서 출력

  • PROJECT TITLE SW역량지수(TOPCIT) 인터넷 클라우드 기반 통합평가시스템 구축 CUSTOMER 한국생산성본부

    WHEN 2016,2017,2018,2019,2020,2022 ROLE UI/UX Design Create Director & Development DESCRIPTION 정보통신기획평가원에서 주관하는 TOCIT(ICT산업 종사자 및 SW개발자의 종합적인 능력 을 진단하고
    평가) 제 16회 정기평가(21.10.30) 의 전임 개발 및 유지관리 업체의 실패에 따라
    본 제안사가 2022년 성능시험을 포함하여 운영유지보수 및 고도화 사업에 참여하여
    제 17회 정기평가(상반기, 하반기) 모두 성공하며, 기관 위상을 드 높였습니다.

    이용자의 다양한 요구 사항을 반영한 디자인 및
    기능 개선을 통해 이용자 편의성 및 서비스 만족도 향상

  • PROJECT TITLE 초록우산 어린이재단 홈페이지 개편 CUSTOMER 초록우산 어린이재단

    WHEN 2021.04 ROLE UI / UX Design Creative Director

    DESCRIPTION 초록우산 어린이재단 홈페이지는
    기본적으로 반응형 웹을 적용하여 사이트의
    주요 내용을 모바일 화면에 최적화할 수 있도록 구현

  • PROJECT TITLE 안산시 공동체회복 프로그램 홈페이지 구축 CUSTOMER 안산시청

    WHEN 2020.11 ROLE UI / UX Design Creative Director

    DESCRIPTION 안산시 공동체회복프로그램 홈페이지는
    세월호 참사를 비롯한 국내에 발생하는 사회적 참사를 극복하는
    안산시민들의 아픔을 치유하는 과정을 기록하는 기록저장소로
    반응형 웹을 적용하여 사이트의
    주요 내용을 모바일 화면에 최적화할 수 있도록 구현

  • PROJECT TITLE 사회과학자료원 전자도서관 UI / UX 기능개선 사업 CUSTOMER 사회과학자료원

    WHEN 2017. 11. ROLE UI / UX Design Creative Director

  • PROJECT TITLE 조직전거 기반 기록관리시스템 구축 CUSTOMER 국방기술품질원

    WHEN 2015, 2017, 2022 ROLE UI/UX Design Create Director & Development DESCRIPTION [조직변천사]생산부서가 다르면 별도의 기록물로 관리되어 체계적 관리 및 활용이가능성 확보 불가에 따른
    기록물의 4대 문제점(진본성, 신뢰성, 무결성, 이용가능성)을 원천적으로 해결,
    조직에 대한 기록물 생산자 전거 제어를 통한 맥락 정보를 구축…

  • PROJECT TITLE 조직전거기반 기록관 구축 CUSTOMER 국방과학연구소

    WHEN 2016, 2017, 2021 ROLE UI/UX Design Create Director & Development DESCRIPTION ISAAR CPF 2 EDITION,
    국방과학연구소의 기록관…