소프트웨어에서 시작하는 디자인 회사.

방식

이해하고, 설계하고, 만들고, 검증합니다.

짧은 고리를 정성스럽게 반복합니다. 매 회차는 발표 자료가 아니라, 직접 확인할 수 있는 실제 결과물로 끝납니다.

  1. 01

    이해

    어떤 실제 문제가, 누구에게 있으며, 지금은 무엇으로 해결하고 있는가. 가장 작지만 온전한 버전과, 그 버전에서 분명히 뺄 것을 정합니다.

  2. 02

    설계

    흐름, 문장, 위계, 모션을 JNDS 문법 안에서 함께 설계합니다. 각 제품은 그 문법 위에서 자기만의 표현을 찾습니다.

  3. 03

    개발

    디자인 시스템은 목업이 아니라 실제 코드 안에 있습니다. 맞는 곳에서는 로컬 우선, 기본은 빠르게. AI는 구현을 앞당기지만 판단을 대신하지 않습니다.

  4. 04

    검증

    회귀 테스트, 실제 브라우저와 기기 QA, 접근성과 성능 점검. 보안·개인정보·결제처럼 실패 비용이 큰 영역은 전문가 검토를 거칩니다.

JNDS — JoNi Narrative Design System

Grammar is shared. Expression is individual.

JNDS는 시각적 스킨이 아닙니다. 탐색하고, 닫고, 피드백하고, 움직이고, 적응하는 방식처럼 제품들이 공유하는 행동입니다. 아래 원칙마다 CollectionEve에서 드러나는 지점을 함께 적었습니다.

Narrative
모든 상호작용은 맥락을 이어갑니다.
CollectionEve 컬렉션을 열면 빈 목록이 아니라 브리핑부터 시작합니다.
Calm
소음을 줄이고 초점을 만듭니다.
CollectionEve 저장은 조용합니다. 상태가 바뀔 뿐, 축하할 필요는 없습니다.
Comfort
새로움보다 익숙함이 먼저입니다.
CollectionEve 뒤로 가기, Escape, 닫기는 플랫폼이 이미 가르쳐 준 대로 동작합니다.
Restraint
더하기 전에 덜어냅니다.
CollectionEve 비어 있는 홈에는 주요 행동이 하나. 나머지는 기다립니다.
Continuity
다른 제품, 하나의 익숙한 언어.
CollectionEve 휴대폰과 데스크톱에서 같은 리듬의 모션과 피드백.

CollectionEve에서 보기

모션 문법

모션은 변화를 설명합니다. 꾸미지 않습니다.

지속 시간은 무엇이 바뀌는지에 따라 정해진 토큰입니다. 하나씩 눌러 차이를 느껴보세요.

  • 버튼이 눌림을 알아차립니다.

  • 호버, 선택, 작은 상태 변화.

  • 값 하나, 블록 하나가 제자리에서 바뀝니다.

  • 페이지 사이를 이동합니다.

  • 같은 대상이 두 장소 사이를 이어서 이동합니다.

동작 줄이기가 켜져 있어 표시가 애니메이션 없이 이동합니다.

Premium by Craft

프리미엄은 가격대가 아니라 경험의 완성도입니다.