업무 예시
앱에서 제품을 확인하고 상담을 요청할 때
- 시작하는 요청
- 이동 중에도 필요한 상품을 찾고 선택한 제품 정보를 유지한 채 다음 단계로 넘어가야 합니다.
- 이어지는 결과
- 목록·상세·요청 완료가 연결된 화면과 상태를 설계하고 구현합니다.
01업무 영역
손안의 작은 화면, 끊기지 않는 사용 흐름.
탐색부터 상세 확인과 작업 완료까지, 터치 중심의 동선과 화면 상태를 함께 설계하고 개발합니다.
앱의 사용자 흐름
WORKSPACE / APP9:41
DANSUIM
AGM Battery
담당 업무와 산출물
- 01
앱 화면·터치 경험
작은 화면의 정보 우선순위, 터치 영역과 입력 방식을 고려해 화면과 공통 UI를 설계합니다.
- 산출물
- 앱 UI 시안 · 화면 명세 · 공통 요소
- 02
화면 전환·상태 구현
목록·상세·완료 화면을 연결하고 뒤로가기, 선택 상태와 입력 중인 내용을 일관되게 관리합니다.
- 산출물
- 화면 내비게이션 · 상태 관리 · 입력 흐름
- 03
데이터 연동·기기 검증
서버 데이터와 앱 화면을 연결하고 통신 지연, 재시도와 기기별 표시 상태를 점검합니다.
- 산출물
- API 연결 · 로딩·오류 화면 · 기기별 검증
업무가 진행되는 과정
02 / PROCESS- 01
시나리오·화면 설계
앱에서 끝내야 할 작업과 필요한 화면 순서를 정합니다.
- 02
화면과 기능 구현
내비게이션, 상태와 API를 사용 흐름에 맞게 연결합니다.
- 03
실기기 흐름 점검
터치, 뒤로가기와 네트워크 예외 상황을 검증합니다.
함께 이어지는 업무
FRONTEND / 03- FE-01
UI·UX 디자인
사용자 흐름과 정보 구조를 설계하고, 시각 디자인과 프로토타입을 개발 가능한 기준으로 정리합니다.
UI / UX · Wireframe · Design tokens - FE-02
웹 페이지 개발
회사 소개, 상품 페이지와 운영 화면을 반응형으로 구현하고 데이터와 사용자 상호작용을 연결합니다.
HTML / CSS · JavaScript · Responsive UI - FE-04
코드·프레임워크
HTML·CSS·JavaScript·TypeScript와 React·Next.js를 바탕으로 컴포넌트, 상태와 라우팅을 설계하고 코드를 관리합니다.
TypeScript · React · Next.js
CONTACT DANSUIM
프론트엔드 업무를 문의하세요.
목적과 필요한 화면을 확인하고 관련 업무로 연결해드립니다.
031-335-0356
평일 08:30–18:00