INDUSTRIAL
01업무 영역
생각을 정리하고, 사용할 수 있는 화면으로.
무엇을 먼저 보여줄지부터 어떤 상태로 반응할지까지, 사용자의 행동을 기준으로 화면을 설계합니다.
디자인 스튜디오
WORKSPACE / DESIGNDANSUIM / PRODUCTS목적에 맞는 배터리
AGM
AGM Battery
UPS
UPS Battery
COLOR SPACE 16GRID
담당 업무와 산출물
- 01
사용자 흐름·와이어프레임
고객과 운영자의 목적을 정리하고 화면 순서, 정보 우선순위와 주요 동선을 설계합니다.
- 산출물
- 사용자 흐름도 · 화면 구조 · 와이어프레임
- 02
UI·디자인 시스템
색상, 글자, 간격과 공통 UI의 기준을 만들고 기본·선택·오류 상태를 일관되게 정의합니다.
- 산출물
- 화면 시안 · 디자인 토큰 · 컴포넌트 규칙
- 03
프로토타입·개발 전달
클릭과 화면 전환을 연결해 사용 흐름을 검토하고, 구현에 필요한 상태와 반응형 기준을 전달합니다.
- 산출물
- 인터랙션 프로토타입 · 디자인 명세
업무가 진행되는 과정
02 / PROCESS- 01
목적과 동선 정리
주요 사용자, 핵심 행동과 필요한 정보를 확인합니다.
- 02
시안과 상태 설계
와이어프레임에 시각 기준과 다양한 화면 상태를 적용합니다.
- 03
흐름 검토·전달
프로토타입을 검토하고 개발에서 재사용할 기준을 정리합니다.
업무 예시
배터리 상품 탐색 화면을 설계할 때
- 시작하는 요청
- 규격을 잘 모르는 고객도 용도와 조건으로 상품을 찾을 수 있어야 합니다.
- 이어지는 결과
- 정보 우선순위, 필터 구조와 선택 상태가 정의된 시안으로 웹·앱 개발을 연결합니다.
함께 이어지는 업무
FRONTEND / 03- FE-02
웹 페이지 개발
회사 소개, 상품 페이지와 운영 화면을 반응형으로 구현하고 데이터와 사용자 상호작용을 연결합니다.
HTML / CSS · JavaScript · Responsive UI - FE-03
앱 디자인·개발
모바일 사용 맥락에 맞는 앱 화면을 디자인하고, 화면 전환·상태·API 연동을 실제 사용 흐름으로 구현합니다.
App UI · Navigation · Screen state - FE-04
코드·프레임워크
HTML·CSS·JavaScript·TypeScript와 React·Next.js를 바탕으로 컴포넌트, 상태와 라우팅을 설계하고 코드를 관리합니다.
TypeScript · React · Next.js
CONTACT DANSUIM
프론트엔드 업무를 문의하세요.
목적과 필요한 화면을 확인하고 관련 업무로 연결해드립니다.
031-335-0356
평일 08:30–18:00