안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
[구현 데모] 이사·생활서비스 견적 O2O 웹사이트 UI/UX 리뉴얼 — 연락처 없이 실시간 예상 금액·분해 내역 · 업체 3곳 13행 비교 · 서비스 확장 디자인 토큰
개발 · 디자인 · 기획
중개ㆍ매칭 플랫폼, 홈페이지ㆍ게시판, 퍼블리싱ㆍ반응형
프로젝트 배경
1) 문제점 운영 중인 이사 서비스 사이트를 다시 설계하는 건입니다. 발주사가 공고에 우려 두 가지를 직접 적어 두었습니다. 하나는 화면을 보기 좋게 다듬는 선에서 끝나 상담·견적 신청 전환에는 변화가 없는 결과이고, 다른 하나는 이사에만 맞춘 구조로 나와 이후 인터넷 가입·렌탈·입주청소를 붙일 때 화면 체계를 처음부터 다시 손봐야 하는 것입니다. 사내에 디자이너가 없어 UI 구조 판단을 파트너 제안에 의존
프로젝트 성과
연락처 없이 예상 금액 확인
히어로·견적 3단계·업체 비교까지 연락처 입력 칸을 두지 않았습니다. 업체를 고른 뒤에야 묻습니다.
입력 즉시 갱신되는 예상 범위와 분해 내역
보관이사로 바꾸면 127만~180만이 174만~244만으로, 엘리베이터를 끄면 사다리차 줄이 새로 생기며 188만~264만으로 갑니다.
업체 3곳 13행 비교표
금액·매칭 점수·파손 보상 한도·취소 수수료를 나란히 놓고, 점수 규칙(거리 40·종류 25·차량 15·부가 10·평점 ×4)을 표 아래에 공개했습니다.
서비스 추가에 견디는 토큰 구조
스위처를 입주청소로 바꾸면 액센트 1묶음·카피 4줄·필드 3개만 갈리고 레이아웃·컴포넌트·타이포는 그대로였습니다.
1440/768/390 가로 넘침 0건
세 폭에서 실측했고 본문 대비 4.5:1 미달 5건을 고쳤습니다. 표 헤더 scope 17/17, 헤딩 점프 0, alt 누락 0건입니다.
핵심 기능
히어로 즉시 견적 폼
히어로 안에 출발지·도착지·날짜 세 칸을 직접 넣었습니다. 날짜만 바꿔도 아래 예상 범위가 그 자리에서 움직입니다.
진행 단계
공고 해석과 레퍼런스 실측
2026.09.
발주사가 지목한 레퍼런스 두 곳을 열어 액센트·폼 배치·가격 노출을 재고, 증명 대상을 전환 동선과 확장 구조 둘로 좁혔습니다.
프로젝트 상세
1) 소개 위시켓 공고를 읽고 계약 전에 직접 만든 제안용 데모입니다. 이사 서비스 사이트의 전환 동선을 다시 잡고, 생활 서비스가 늘어도 화면 체계를 다시 짜지 않는 구조를 화면으로 보였습니다. 18개 화면 중 이 두 가지를 보이는 데 필요한 5개(메인 · 견적 3단계 · 업체 비교 · 서비스 상세 · 디자인 시스템)를 만들었습니다. 데이터는 전부 합성이고 화면 두 곳에 「샘플 데이터」로 표시했습니다.

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

ed******
개발 · 법인사업자

프로젝트 정보

참여 기간
2026.09. ~ 2026.09.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
고객사
제안용 데모 (발주처 없음)
역할
기획 · UI 디자인 · 프론트엔드 개발 · 배포
관련 기술
TypeScript
vercel
next.js
react.js
Tailwind CSS