INDUSTRIAL
FRONTEND / FE-01
UI & UX Design
Shape user journeys, interface design, and prototypes into clear specifications for web and app development.
Explore this discipline01The discipline
From an idea to a usable interface.
Plan what people see first, what they do next, and how the interface responds to their actions.
Design studio
WORKSPACE / DESIGNDANSUIM / PRODUCTSPower for your purpose
AGM
AGM Battery
UPS
UPS Battery
COLOR SPACE 16GRID
Responsibilities & deliverables
- 01
Journeys & wireframes
Map customer and operator goals into screen sequences, content priorities, and navigation flows.
- Deliverables
- User flows · Information architecture · Wireframes
- 02
UI & design systems
Define typography, color, spacing, and shared interface states, including selection and errors.
- Deliverables
- Screen designs · Design tokens · Component rules
- 03
Prototypes & handoff
Connect interactions, review the journey, and document responsive behavior and implementation states.
- Deliverables
- Interactive prototypes · Design specifications
From brief to delivery
02 / PROCESS- 01
Understand the journey
Identify users, key actions, and the information they need.
- 02
Design screens & states
Develop wireframes into consistent visual designs and interaction states.
- 03
Review & hand off
Validate the prototype and document reusable implementation rules.
Example scenario
Designing a battery discovery journey
- The brief
- Customers need to find suitable products even when they do not know a battery specification.
- The outcome
- A clear content hierarchy, filter structure, and selection states guide both web and app implementation.
Connected disciplines
FRONTEND / 03- FE-02
Web Development
Build responsive company, product, and operational pages with connected data and usable interactions.
HTML / CSS · JavaScript · Responsive UI - FE-03
App Design & Development
Design mobile interfaces and build screen transitions, application state, and API connections into a coherent journey.
App UI · Navigation · Screen state - FE-04
Code & Frameworks
Build reusable components, state, and routes with HTML, CSS, JavaScript, TypeScript, React, and Next.js.
TypeScript · React · Next.js
CONTACT DANSUIM
Talk to the frontend team.
We will review your goals and connect the request to the relevant discipline.
+82 31-335-0356
Weekdays 08:30–18:00 KST