비즈니스 신뢰감을 완성하는 인터페이스 설계.
디자인 목적: 법적 효력 기술과 엄격한 문서 보안 메커니즘을 유저가 직관적으로 신뢰할 수 있도록 정교한 시각 언어로 풀어냅니다. 기업용 서비스에 최적화된 Corporate Blue 컬러 시스템을 정밀 맵핑하고, 서비스 소개부터 고밀도 대시보드 화면까지 복잡한 비즈니스 퍼널을 일원화하는 UI/UX 가이드를 구축합니다.
비주얼 타겟팅: 기업 인사·노무 담당자 및 제휴 파트너들이 대량 전송, 링크 계약 등 다양한 계약 방식을 인지적 피로도 없이 선택할 수 있도록 화면의 정보 계층 구조(Hierarchy)를 치밀하게 구획화하고 정돈된 인터페이스 스킨을 도출했습니다.
디자인 및 설계 범위: 피그마(Figma)를 통한 전사적 UI 컴포넌트 시스템 구축 및 화면 와이어프레임 설계, 일러스트레이터와 포토샵을 활용한 문서 보안 기술 대조 인포그래픽 제작 및 서명 요청·현황 모니터링을 위한 맞춤형 웹 대시보드 레이아웃 디자인 자산 100% 제작.
대시보드 메인 비주얼
신뢰성 입증을 위한 시각적 구조화 전략
LEGAL INFOGRAPHIC
민법·전자문서법 등 복잡한 법적 효력 명시 조항들을 일러스트 가공을 통해 한눈에 파악 가능한 인포그래픽 카드로 설계.
SECURITY TECH VISUAL
위·변조 방지 타임스탬프와 고밀도 2차원 바코드 등 핵심 보안 기술 4가지를 기하학적 그리드 형태로 직관적 화면 배치.
SaaS DASHBOARD UX
내 서명 필요, 대기 중, 완료 등의 계약 라이프사이클을 수치화·시각화하여 대량 문서 관리에 최적화된 폼 레이아웃 설계.
SYSTEMATIC LAYOUT
API 연동 가이드 내 개발 코드 박스 및 파트너사 로고 배열의 여백과 비례를 미세 조정하여 시각적 완결성 확보.
온나라싸인 전자계약 플랫폼 비주얼
정밀한 컴포넌트 설계로 달성한 프로덕트 가치
SaaS Systemization
계약 업무의 반복 동선을 단축시키기 위해 최근 서명 현황 및 문서 항목들을 피그마 바인딩 규격에 맞춰 모듈 단위로 정밀 설계.
Cohesive Graphics
일러스트레이터로 벡터 정형화한 기능성 플랫 아이콘들과 메인 포털 비주얼의 결을 일치시켜 유기적인 유저 흐름 유지.
Responsive Architecture
데스크톱 사양 외에도 태블릿 및 모바일 뷰포트에서 타이포 스케일과 데이터 테이블 배치가 꼬이지 않도록 반응형 가이드 라인 최적화.