UI·UX 디자인
같은 회사의 엔지니어에게 전달되는 Figma 디자인 작업입니다. 인터페이스를 구현하는 사람이 디자인한 사람 옆에서 일하므로 출시된 화면이 디자인 파일과 일치합니다.
제공하는 것
Figma 디자인 시스템
엔지니어가 역설계해야 하는 화면 모음이 아니라 코드에 일대일로 대응시킬 수 있는 토큰, 컴포넌트, 상태 라이브러리입니다.
제품 인터페이스 디자인
개발 중인 기능의 화면과 흐름으로, 디자이너가 보통 건너뛰는 빈 상태, 로딩, 오류, 권한 거부 상태까지 포함합니다.
프로토타입
코드를 한 줄 작성하기 전에 실제 사용자와 테스트하거나 이해관계자에게 보여 줄 수 있는 클릭 가능한 흐름입니다.
기존 제품의 디자인 검토
현재 제품에 대한 서면 검토로, 사용자를 혼란스럽게 하는 부분, 휴대폰에서 깨지는 부분, 접근성을 충족하지 못하는 부분을 수정 비용 순으로 정리합니다.
구현 후에도 살아남는 디자인
흔한 실패는 아름다운 Figma 파일과 이를 닮지 않은 출시 제품입니다. 당사는 엔지니어가 일하는 것과 같은 제약 조건에서 디자인하여 이를 방지합니다. 패턴마다 하나의 구현, 일회성 색상이 아닌 토큰, 코드가 취할 수 있는 모든 분기의 상태, 당사 프런트엔드 규칙이 요구하는 375픽셀에서도 유지되는 레이아웃입니다.
접근성은 사후 수정이 아니라 디자인의 일부입니다
대비, 포커스 순서, 터치 대상 크기, 키보드 경로는 디자인 파일에서 정합니다. 이후 당사가 만드는 모든 공유 컴포넌트가 지속적 통합에서 자동 접근성 검사를 실행하므로, 퇴보는 출시 후가 아니라 리뷰 전에 발견됩니다.
당사 엔지니어가 아닌 귀사 엔지니어와 협업
이미 개발팀이 있다면 당사 디자이너가 그 팀과 직접 협업할 수 있습니다. Figma 라이브러리, 귀사 코드베이스가 사용할 수 있는 형태의 토큰을 받으며, 파일만 넘기고 사라지는 것이 아니라 구현된 화면을 검토하는 디자이너가 함께합니다.
엔지니어링을 이해하는 디자이너가 필요하십니까?
제품, 현재 디자인 파일 또는 문제만 보내 주십시오. 영업일 기준 1일 이내에 서면 접근 방식과 견적을 받으실 수 있습니다.