WOORI TEAM PROPOSAL

Packiyo는 그대로,
고객이 보는 화면만 우리 것으로.

이미 돌아가고 있는 Packiyo OMS/WMS 위에, 고객사가 스스로 주문·입고·재고·배송·반품을 확인하는 전용 웹 포털을 30일 안에 올립니다.

01. Analysis & Strategy

공고에 적힌 세 줄과,
그 뒤에 있는 세 개의 난제

클라이언트 핵심 요구사항

Packiyo 5대 데이터 연동

주문·입고·재고·배송·반품 정보를 Packiyo OMS/WMS에서 가져와 고객 포털에 표시합니다.

고객사 셀프서비스 포털

고객사가 직접 조회하고 관리합니다. 운영팀의 전화·엑셀 응대 업무를 고객에게 위임합니다.

Figma Make 화면 최대 활용

UI/UX는 이미 완성되어 있습니다. 재디자인이 아니라 그대로 구현해 줄 팀을 찾고 계십니다.

핵심 역제안

속도: 미리 받아두는 동기화

화면에서 Packiyo를 직접 부르면 느려지고 호출 한도에 걸립니다. 변경 시점에 미리 받아 캐시에 쌓습니다.

안전: 고객사별 데이터 금고

한 포털에 여러 화주가 들어옵니다. 남의 재고가 1건이라도 보이면 끝입니다. DB가 직접 막습니다.

일정: 디자인 무손실 전환

Figma Make 산출물을 색·타이포·간격 토큰으로 추출해 그대로 코드화합니다. 재작업 0.

02. Strategic Deep-Dive

30일 안에 끝내기 위한
3대 핵심 역제안

하이브리드 동기화 엔진

Packiyo 웹훅(주문 생성·출고·재고 변경)을 먼저 받아 캐시에 반영하고, 웹훅이 누락된 구간만 주기 폴링으로 보정합니다. 고객 화면은 항상 캐시에서 즉시 응답하고, 화면 상단에 '마지막 동기화 4초 전'을 표기해 신뢰를 확보합니다.

Expected Effect

Packiyo API 호출 92% 절감 · 평균 응답 180ms

고객사별 데이터 금고

화주 격리를 애플리케이션 코드가 아닌 PostgreSQL Row Level Security로 내립니다. 개발자가 조회 조건 한 줄을 빠뜨려도 데이터베이스가 타사 데이터를 반환하지 않습니다. 격리 검증 24개 테스트 케이스를 산출물로 함께 제출합니다.

Expected Effect

코드 실수와 무관한 타사 데이터 노출 원천 차단

Figma-to-Production 파이프라인

Figma Make 산출물에서 색상·타이포·간격·라운드 값을 디자인 토큰으로 먼저 추출해 Tailwind 설정으로 고정합니다. 이후 화면 개발은 창작이 아닌 조립 작업이 되어, 디자인 검수 반려가 사라집니다.

Expected Effect

디자인 재작업 0 · 화면 개발 기간 40% 단축

03. Implementation

Packiyo 위에 안전하게 얹는
4계층 기술 아키텍처

Frontend Layer

Next.js 14 Figma Make 마크업을 손실 없이 흡수하는 React 기반 구조
Tailwind + shadcn/ui 추출한 디자인 토큰을 그대로 적용해 재디자인 제거

Sync & API Layer

Packiyo Adapter Packiyo REST 연동을 단일 모듈로 캡슐화, 교체 가능 설계
Webhook Reconciler 웹훅 수신 + 누락 구간 폴링 보정으로 정합성 유지

Data & Security

PostgreSQL RLS 화주별 행 단위 접근 통제를 DB 레벨에서 강제
Redis Cache & Queue 조회 캐시와 동기화 잡 큐로 즉시 응답 보장

Cloud & Ops

Docker + Vercel/ECS 계약 종료 후에도 담당자 혼자 배포 가능한 단순 구성
Sentry + Sync Board 동기화 지연·실패를 운영자가 직접 보는 관제 화면
04. Sequence

프로젝트의 성공을 완성하는
정교한 8단계 업무 프로세스

01

미팅

요구사항 청취 및 비즈니스 목표 상세 협의

02

계약 진행

상세 과업 범위 확정 및 공식 계약 체결

03

요구사항 재분석

개발 관점에서의 기술적 타당성 도출

04

기획/디자인

UI/UX 설계 및 시스템 아키텍처 상세 정의

05

클라이언트 컨펌

확정된 기획안에 대한 최종 리뷰 및 승인

06

개발

PMS를 통한 투명한 집중 개발

07

테스트

단위/통합 테스트 및 버그 수정, 안정성 검증

08

배포

최종 운영 환경 배포 및 안정화 지원

05. Timeline

30일, 4주 단위로 쪼갠
실행 가능한 마일스톤

Week 1

연동 설계 및 스키마 확정

Packiyo 실계정으로 API·웹훅 응답 검증, Figma Make 디자인 토큰 추출, 화주 조직/권한 모델 확정.

Week 2

동기화 엔진 구축

웹훅 수신부와 폴링 보정 잡 구현, Redis 캐시 계층 적용, RLS 정책 포함 스키마 마이그레이션.

Week 3

5대 화면 및 포털 개발

대시보드와 주문·입고·재고·배송·반품 화면 개발, 고객사 초대 및 담당자 권한 관리 화면 완성.

Week 4

격리 검증 및 운영 이관

데이터 격리 24케이스 테스트, 동기화 부하 테스트, 운영 배포와 장애 대응 런북 인수인계.

06. Communication & Trust

외주의 불안함을 확신으로,
가장 투명한 파트너십을 약속합니다.

'답답함'이 없는 커뮤니케이션

클라이언트가 가장 힘들어하는 '소통의 부재'와 '진척도 확인 불가능'을 해결하기 위해, 모든 협업 과정을 시스템화했습니다.

  • 자체 PMS 시스템 운영: 기획서부터 소스코드까지 실시간 공유
  • 항시 연결되는 소통 채널: 지연 없는 피드백과 투명한 이슈 관리
  • 정기 데모 세션: 상상 속의 결과물이 아닌, 돌아가는 시스템을 매주 확인

"우리는 단순한 외주사가 아닙니다.
성공을 위해 시스템으로 소통하는
여러분의 사내 팀이 되겠습니다."

Thank You

Your Vision, Our Mission.