Profile
Online Turnkey Manufacturing Platform
- Work
- 기존 MVP의 정보 구조 문제를 해결하고, 사용자 중심으로 브랜드·UX를 재설계한 리뉴얼 프로젝트
- 2024 - 2025
- Role
- UX Planning(90%)ㆍUI Design(100%)ㆍPublishing(100%)
- Platform
- WebㆍMobileㆍResponsive
Summary
온라인 턴키 제조 플랫폼, 메이크포유
MAKE4U는 제조 의뢰–견적–생산–납품으로 이어지는 분절된 오프라인 과정을
하나의 플랫폼에서 통합적으로 관리할 수 있도록 설계된 온라인 턴키 제조 서비스입니다.
초기 MVP 단계에서 나타난 복잡한 정보 구조, 낮은 전환율, 사용자 혼선 문제를 해결하고 서비스 고도화와 확장에 적합한
UX·UI 기반을 마련하는 것을 목표로 UX 구조 재설계와 UI 전면 개편을 담당했으며,
전체 IA를 재정의하고 전문성과 신뢰를 전달하는 브랜드 톤을 재정의하여
사용자가 ‘빠르고 정확하게 목적에 도달할 수 있는’
단순하고 직관적인 인터페이스를 구축했습니다.
Internal & User Research
User Group
Pain Point
🙋♂️
- 이OO
- CEO
- 공장 영업
- 내부 의사결정자
- "브랜드 신뢰가 떨어져 보여요."
- ㆍ일러스트/구성이 전반적으로 오래된 인상이에요.
- ㆍ레이아웃이 어긋나 보여 ‘완성되지 않은 사이트’ 느낌이 들어요.
💁♂️
- 신OO
- CTO
- 백엔드 개발
- 기술 결정자
- "사이트가 정적이고 복잡해 보여요."
- ㆍ같은 기능 메뉴가 여기저기 중복돼 구조가 복잡해요.
- ㆍ개발 리소스가 적어 큰 기능 추가는 부담이 커요.
🤦♂️
- 조OO
- 공장 운영
- 제조업
- 제조 파트너
- "견적 작성 흐름이 불편해요."
- ㆍ요청서와 견적서를 한 화면에서 비교하기 어려워요.
- ㆍ작성 화면(뷰)이 좁아 입력/확인이 불편해요.
💁
- 이OO
- 공장 운영
- 제조업
- 제조 파트너
- "사진 노출 기준이 일관되지 않아요."
- ㆍ메인/포트폴리오에서 이미지 크기가 달라 잘려 보여요.
- ㆍ정렬 기준이 들쭉날쭉해서 어떤 건 왼쪽, 어떤 건 가운데로 보여요.
🤷♀️
- 최OO
- 학원 운영
- 자영업
- 서비스 사용자
- "견적요청 버튼을 찾는데 오래걸렸어요."
- ㆍ공장 상세정보까지 들어가야 견적요청 버튼이 있어서 너무 불편해요.
- ㆍ원하는 제품을 찾고 견적 요청까지 과정이 오래 걸려요.
Before Analysis
리뉴얼 전 구조적 문제를 분석/정의하고, 제품 구조를 재설계하여
사용자가 빠르고 명확하게 목표에 도달하도록 개선했습니다.
-
2단 구성의 GNB로 하단 콘텐츠의 View 영역 감소 및 주요 메뉴가 좌/우로 분산되어있음
1단 GNB로 변경 및 주요 메뉴를 강조
콘텐츠와 볼륨감을 위하여 회사소개, 파트너 안내 등의 신규 메뉴를 추가
-
구식 일러스트와 주요 타이틀이 좌/우로 배치되어, 시선과 정보가 분리되어 있음
제조 관련 영상, 혹은 애니메이션으로 메인 이미지 교체
핵심 문구를 재가공하여 플랫폼의 정체성을 명확하게 전달
-
공장 노출이 메인 초반부에서 과도하게 차지함 (이탈 요인)
공장과의 직접 컨택을 막기위해 제품 소개(포트폴리오)에 초점을 맞춰 UX 변경
메이크포유를 통해 만든 제품이라는 이미지를 강조
제품 사진으로 교체 및 이미지와 제품 타이틀 위주의 UX로 변경
소재, 가공방식, 태그 등을 SEO 용도로 활용
-
탭형식의 영상 가이드 제공시 핵심 정보를 놓칠 수 있고, 즉시 이해가 어려움
스크롤하며 자유롭게 자신이 필요한 부분에서 멈춰서 여유있게 볼 수 있어야함
서비스 관련 섹션을 추가, 간략한 사용법 섹션을 함께 제작
디테일한 사용법은 노션을 활용한 이용 가이드 페이지로 이동을 유도
-
공장 홍보(파트너 등록) 설명 부족과 사용자를 위한 내용과 혼재되어있음
파트너 등록 시 혜택을 한 섹션에 간략히 설명 후 등록 페이지(신규제작)로 이동을 유도
전화/메일 응대는 사람에 따라 부담이 될 수 있음. 등록 절차를 온라인 자동화
최하단에 고객센터 관련 정보를 추가
-
‘3개의 텍스트 리뷰’는 오히려 사용자가 없어보이는 역효과 및 시각적 신뢰도 낮음
업체 로고, 사진을 활용한 최소 6개 이상의 리뷰를 확보
슬라이드 형식의 비주얼 View로 변경
-
신규 서비스 소개 섹션 추가
서비스 장점 및 특이성
서비스 종류
주력 서비스 소개
글로벌 제조 가능을 알리는 소개
서비스 흐름
견적 요청 유도 섹션
Before
핵심 기능(견적요청)이 GNB에 노출되지 않아 접근성 낮음.
검색 → 리스트 → 포트폴리오 진입 후에야 CTA가 보여 요청 흐름이 길고 단절.
의뢰 주체가 메이크포유가 아닌 ‘공장’처럼 보여 역할/브랜드 인지 혼란.
견적요청까지 총 8단계로 이탈 가능성 증가.
After
GNB에 핵심 메뉴로 배치해 바로 진입 가능.
포트폴리오 내 중복/혼동 CTA 제거로 진입 경로 단일화.
5단계 플로우를 1단계로 통합해 전환 흐름 단순화.
중복 입력 항목 통합·정리로 Form 필드 최소화.
Before
- ㆍ문제
- 가입 과정이 6단계로 분절되어 이탈 가능성이 높고, 항목이 많아 부담이 큼.
- ㆍ가설
- 필수 입력만 먼저 완료시키고, 상세 정보는 가입 후로 분리하면 완료율이 올라간다.
- ㆍ결정
- 6단계 플로우를 2단계로 통합하고, 선택 정보는 온보딩/설정으로 이동.
After
Signup flow: 6 steps → 2 steps (-66%)
Form fields reduced: 20 → 9 (-55%)
가입 완료 시 가입 환영 메시지와 설정에서 상세 정보를 입력하라는 안내 모달 제공
Before
공장 정보가 과다 노출돼 직접 컨택으로 이탈 가능성이 높음.
공장 중심 홍보로 플랫폼 가치(중개/신뢰/프로세스) 가 약해 보임.
채팅/견적문의가 ‘포트폴리오=공장 문의’ 로 인지돼 흐름 혼란.
After
메뉴/구조를 포트폴리오 중심으로 재정의하고 정보 노출 기준 정리
리스트에서 제품 핵심 정보 선제공, 상세는 모달로 빠르게 전달.
‘공장’이 아닌 ‘제품’ 중심 UX로 전환해 목적/행동을 명확화.
Before
- ㆍSNB
- 중요도 기준 없는 메뉴 배열 + 저빈도 메뉴(약관 등) 노출로 탐색 비용 증가.
- ㆍ견적요청서
-
탭/메뉴 중복과 상태 구분 부재로 리스트 스캔 어려움.
제작 진행 이후 확인 흐름이 분리돼 전환이 끊김.
After
- ㆍSNB
- 저빈도 메뉴 정리 후 중요도 순 재배치, 직관적 네이밍과 파트너 메뉴 분리로 혼란 최소화.
- ㆍ견적요청서
-
메뉴·상태 구조 단순화로 빠른 확인 가능.
카드 UI+상태 라벨로 인지 강화 및 상태별 CTA로 다음 행동 유도.
Pain Points & Approach
- Pain Point
- Approach
- 전문성이 느껴지지 않고 신뢰도가 낮은 구식 UI
- 톤&매너를 재정의하고, 3D 비주얼을 제작해 첫 화면에서 서비스 가치를 명확하게 전달
- 중복 메뉴와 기능으로 사용자 혼란
- 단일, 핵심 플로우 중심으로 IA를 재설계, 메뉴 통합, 주요 메뉴 네비게이션 구조 설계
- 웹/모바일이 분리되어 유지보수 문제와 일관된 경험 제공이 어려움
- 반응형 기반 단일 디자인 시스템으로 통합, UX 일관성 확보
- 회원가입/견적 작성 등의 과정이 길고 복잡해 사용자 피로도와 이탈 가능성이 높음
- 필수 정보만 남기고 1단계로 Step 축소, 선택형 입력 위주로 재구성
- 사진·텍스트 규칙이 없어 정보 스캔 속도와 가독성이 떨어짐
- 컴포넌트별 사진 규격과 텍스트 길이 가이드를 정의하여 페이지의 가독성과 정돈감을 향상
- 폼 필드 대부분이 텍스트 입력이라 입력 부담이 크고 오류 가능성이 높음
- 드롭다운/체크박스 등 구조화된 입력 패턴으로 전환해 입력 속도와 정확도를 높임
- SEO 설정이 되어 있지 않아 검색 노출과 신규 유입에 불리함
- H 태그, 메타 정보, Alt 텍스트 등 기본 SEO 세팅을 진행하여 노출 가능성을 확보
- 서비스 설명이 부족하여 사용자의 다음 행동을 유도하지 못함
- 메인 페이지에 서비스 설명 섹션을 추가하여 서비스 목표를 명확하게 전달
IA & User Flow
견적 요청 End-to-End Flow
분산된 단계와 책임 구간을 ‘메이크포유 중심’으로 재배치해 흐름을 단순화했습니다.
결정과 예외를 분리해 운영·CS 대응을 쉽게 만들었습니다.
작지만 확실한 차이, CSS 마이크로 인터랙션
작은 CSS 애니메이션을 인터랙션 포인트에 적용해, 상태 인지를 명확히 하고
사용 흐름에 리듬을 더해 지루함과 부담을 줄였습니다.
AI
01. Main Page
눈에 띄고 생동감있는 디자인을 원한 구성원들의 요청으로 제작된 메인 페이지는
애니메이션과 영상을 활용하여 제작되었으며, 가독성을 높이기 위하여
최대 두 줄을 넘지 않도록 제작되었습니다.
한 차원 높은 턴키(TurnKey) 제조 솔루션
메이크포유는 제품 기획·디자인부터 납품까지 제조 전과정을 지원하며
제품 요구사항에 가장 적합한 제조 솔루션을 제공합니다.
Planning
상담 및 제조 기획제품 제조에 필요한 요소들을 미리 파악해요.
- 제작 가능 여부 검토
- 제조 비용 절감
- 대량 생산 대비 샘플 제작 지원
- 공급망(공장, 협력사) 연결 및 생산 일정 수립
Turn-Key
제조 및 관리
복잡한 제조 전과정을 효율적으로 진행할 수 있도록
지원해 드려요.
- 제품 기획 (도면 설계, 제품디자인)
- 샘플, 시제품 제작
- 제조 공정 단계별 품질 검사
(원자재, 중간 공정, 완제품)
- 실시간 공정 진행 상황 공유
- 생산 일정 준수
- 공장 현장 모니터링 및 일정 조율
After-Service
납품 및 A/S계약 조건에 따른 납품 및 사후 관리 책임을 보장해요.
- 물류 및 납품 일정 최적화
- A/S 및 사후 관리 지원
메이크포유의 서비스 제공 내용이며
제품 요구사항에 따라 가감하여 진행합니다.
제조를 처음부터 끝까지, 쉽게
MAKE4U는 제조의 전 과정을 책임지는 서비스를 제공합니다.
견적 요청 & 상담
간편한 양식으로 제조 상담을
시작해보세요.
전문 PM 매칭
당신의 프로젝트에 최적화된
PM이 배정됩니다.
공장 매칭
수천 개의 제조 파트너 중
가장 적합한 곳을 연결합니다.
샘플 제작 & 양산
기획부터 테스트, 양산까지
모두 지원합니다.
생산 & 품질관리
생산 현황 공유 및 품질 관리를
실시간 진행합니다.
납품 & 물류
전 세계 어디든 안정적으로
납품됩니다.
메이크포유 추천 제품
실제 제작된 포트폴리오를 확인하고 원하는 제품을 제작해 보세요.
-
타이틀 노출- 파티션
- 레저
- 절곡
-
롯데면세 명동 본점 코스메틱 브랜드 간판 제작
- 매장집기
- 간판
-
[매장] 웨이팅기 거치대
- 레이저
- 절곡
- 용접
-
다이빙 장비 백플레이트 제작
- 다이빙장비
- 레이저
-
수담의원 파티션 금속다리 제작
- 파티션
- 레이저
- 절곡
-
포폴 타이틀
- 태그
- 태그
- 태그
2,000여개 이상의 글로벌 제조 파트너와 함께합니다.
아시아 주요 제조 국가에서 맞춤형 공장을 연결해드립니다.
한국
고품질 정밀 가공
빠른 납기 대응
중국
대량 생산
원가 경쟁력 우수
베트남
가격 경쟁력
의류/봉제 강세
인도
봉제, 가죽, 전통 수공업 우위
일본
초정밀 기술
소량 고품질 대응
MAKE4U 파트너로 등록하면?
국내외 클라이언트와 직접 연결되어 안정적인
수주 기회를 누릴 수 있어요.
지속적인 프로젝트 수주
MAKE4U를 통해 다양한 브랜드의 제조 프로젝트와 연결되어
꾸준한 일감 확보가 가능합니다.
해외 바이어 접근성 향상
한국 외 해외 바이어와도 연결되어 글로벌 제조 시장에
진입할 수 있는 기회를 얻을 수 있어요.
파트너 전용 지원
샘플링, 번역, 계약 지원 등 MAKE4U 전담 매니저의
서포트를 받을 수 있습니다.
검증된 공장으로 브랜딩
MAKE4U에 등록된 공장이라는 브랜드 신뢰도를 기반으로
새로운 고객을 유입시킬 수 있어요.
고객후기
메이크포유는 이런 점이
좋았어요.
궁금한 점이 있으신가요?
이용안내
자주하는 질문과 답을 확인해보세요.
전화상담
070-8983-7692
메일문의
help@makeforyou.kr
메이크포유의 다양한 소식을
확인해 보세요!
메이크포유 할인 스토어
측정, 계측, 공작, 용접기자재, 절삭, 산업용품 등,
할인된 가격에 각종 공구들을 만나보세요.
메이크포유가 성공을 위한 파트너가 되어 드립니다.
지금 바로 시작해 보세요!
02. 진행중인 거래
텍스트 위주의 페이지에서 주요 섹션에 컬러와 애니메이션을 적용하여
꼭 필요한 단계별 정보에 눈이 먼저 갈 수 있도록 제작되었습니다.
-
납기예정일 2024.07.29작업대기2024.07.05 13:57
- 작업대기
- 진행중
- 작업완료
- 배송중
- 배송완료
결제가 완료되었어요.제작을 시작하면 고객에게 알림을 보내드려요.
결제정보- 결제수단
- 신용카드
- 총 결제금액
- 500,000 원
- 결제일
- 2024.07.05
납기예정일 2024.07.29배송중2024.07.05 13:57- 작업대기
- 진행중
- 작업완료
- 배송중
- 배송완료
제작된 상품이 배송중이에요.고객이 물품을 수령하시면 메이크포유에서 알려드려요.
메이크포유의 연락을 받으신 후 배송 완료하기 버튼을 클릭해 주세요.
배송정보- 배송방법
- 택배
- 운송장 정보
- 대한통운 5432156789
- 배송 시작일
- 2024.07.05
03. 유형별 회원가입
기존 회원가입 페이지의 메뉴로 구분되어 있어 차이를 모르고 대부분 고객으로 가입 후
유선을 통해 파트너스 전환을 원하는 사용자들을 보며, 명확한 구분과 혜택을 설명하여
가입 전 차이를 느끼고 원하는 유형을 선택할 수 있도록 제작되었습니다.
회원가입
- |
- |
- |
- |
- |
- |
- |
- |
쉽고 편한 공장 찾기, 메이크포유
원하시는 회원 유형을 선택해 주세요.
공장을 찾고 계신가요?
고객 회원가입
평균 4.7개의 견적서를 받아보세요.
- 거래 수수료 0원
- 1:1 제조 매니저
- 안전한 전자결제
- 맞춤 견적서
공장을 운영하고 계신가요?
파트너스 입점하기
공장에 꼭 맞는 견적요청서를 드립니다.
- 거래 수수료 0원
- 1:1 제조 매니저
- 안전하고 빠른 정산
- 고객 매칭
- 견적 관리
이미 가입하셨다면 로그인하기를 이용해 주세요.
04. 인사관리
인사관리 툴 도입 비용이 부담스러운 중소 공장들을 위한 인사관리 메뉴로, 근태, 휴가 현황과 어떤 작업을 하고 있는지를
한 눈에 파악할 수 있도록 필수 요소로만 제작되었습니다.
05. 3D Animaion
블랜더로 제작한 간략한 애니메이션을 활용하여
사이트에는 생동감과 전문성을, 사용자에게는
재미를 느끼도록 제작되었습니다.
Mobile Screens
전체 화면을 반응형으로 구현해, 모바일에서도 동일한 흐름으로 사용할 수 있도록 구성했습니다.
주요 화면 예시는 아래에 정리했습니다.
Design Outcomes
레거시 구조를 정리하고, 견적 요청 흐름의 신뢰감과 탐색 효율을 개선
기존 서비스에서 중복된 메뉴 구조와 낮은 완성도 인상을 핵심 문제로 정의하고,
비교견적·샘플·양산 흐름을 기준으로 정보 구조와 주요 동선을 리뉴얼했습니다.
정보 밀도 & 가독성
- 역할별 화면을 동일한 레이아웃 규칙으로 정리해 일관된 인상을 구성
- 섹션 경계/여백을 명확히 해 정보가 많아도 읽기 흐름을 유지
탐색 효율(견적 요청 동선)
- 분산된 메뉴를 정리하고 주요 액션 진입 경로를 재구성
- 비교견적 확인 → 선택 과정이 흐름 안에서 자연스럽게 이어지도록 정리
비교견적 경험(선정 화면)
- 견적 항목을 같은 구조/위치로 통일해 빠르게 비교 가능하도록 구성
- 정렬·간격·구획 규칙을 맞춰 선택을 위한 읽기 흐름을 단순화
상태 인지 & 진행 가이드(샘플→양산)
- 단계(결제–제작–전달–검수)를 같은 패턴으로 반복해 이해 비용을 낮춤
- CTA 위치/표현을 정리해 다음 행동이 바로 보이도록 구성