This website requires JavaScript.
포트폴리오 대표 이미지
웹 개발AI가 짐을 정리하는 이사 견적 플랫폼 UI/UX 시안
  • 지역비대면 진행
  • 예산4,000,000원
  • 기간1개월

이사 플랫폼 리뉴얼을 염두에 두고 2026년 9월에 기획하고 디자인해 만든 시안 사이트입니다. 메인부터 3단계 견적 신청, 이사 준비 체크리스트, 관리자 화면까지 24개 화면을 눌러 볼 수 있습니다. 이사 견적에서 고객은 흔히 두 군데에서 떠납니다. 짐 목록을 하나하나 체크하다 지쳐 창을 닫을 때, 그리고 견적 때 듣지 못한 추가 비용으로 이삿날 현장에서 다툴 때입니다. 이 시안에서는 고객이 평소 말투로 짐을 적으면 AI가 크기별로 나누고 필요한 차량을 추천합니다. 사다리차, 엘리베이터 유무, 계단 작업처럼 당일 다툼이 잦은 비용 요소는 견적 단계에서 미리 안내합니다. 견적 신청은 3단계로 나눴고, 빠뜨린 칸은 곧바로 알려 줍니다. 적은 글에 연락처나 주소가 섞여 있으면 외부 서버나 AI 모델로 보내기 전에 브라우저 단계에서 가리고, 무엇을 가렸는지 고객 화면에 보여 줍니다. AI 답을 기다리는 동안에는 원룸ㆍ가족 주거ㆍ사무실 예시를 띄워 둡니다. 나중에 입주청소나 가전 렌탈 같은 생활 서비스를 붙일 때 사이트를 다시 뜯어고치지 않도록 화면 구조를 잡았습니다. 관리자가 스위치 하나로 이사만 다루는 화면과, 인터넷 가입ㆍ렌탈ㆍ입주청소를 함께 다루는 생활 서비스 화면을 오갈 수 있습니다. 메뉴와 카드만 늘고 레이아웃은 그대로입니다. 차분한 블루와 따뜻한 오렌지 두 테마도 전체 화면에 한 번에 바뀝니다. 관리자 화면에서는 접수 현황 확인, 서비스 항목 추가, 후기ㆍ공지 관리를 하고, 전화 상담 전에 AI 요약을 받아 봅니다. 요약이 오래 걸리면 담당자가 끊을 수 있고, 일정 시간이 지나면 스스로 멈춘 뒤 안내합니다. 설계 의도서와 색ㆍ글꼴 규격, 요구사항 대조표도 문서로 함께 정리했습니다.

이미지 2

메인에서 출발지와 도착지, 날짜, 이사 종류를 넣고 바로 견적을 시작합니다.

이미지 4

짐을 평소 말투로 적거나 원룸, 가족, 사무실 예시를 눌러 시험해 봅니다.

이미지 6

한 줄 요약과 함께 당일 추가 비용 요소, 크기별 짐 목록을 정리해 줍니다.

이미지 8

견적 신청은 3단계로 나뉘고, 첫 단계에서 이사 종류를 고릅니다.

이미지 10

소형 주거 이사 안내에서 짐 싸는 방식 두 가지를 나란히 비교합니다.

이미지 12

가정 포장 이사의 기본 포함 항목과 사전 협의 항목을 나눠 보여 줍니다.

이미지 14

휴대폰에서는 입력칸이 세로로 쌓이고 견적 버튼이 화면 아래에 붙습니다.

이미지 16

관리자 화면에서 오늘 들어온 견적과 후기, 문의, 공지 현황을 봅니다.

이미지 18

화면을 왜 이렇게 짰는지 열 가지 질문으로 풀어 쓴 설계 의도서입니다.

이미지 20

색과 글꼴, 간격 규격을 모아 둔 디자인 시스템 가이드입니다.

이미지 22

따뜻한 오렌지 테마로 바꾸면 메인 화면 전체 색이 한 번에 바뀝니다.

황의범
웹 개발
별점
4.9(53)
황의범 고수의 데이터 크롤링, 사업계획서 작성 서비스

뉴스 알리미 챗봇, AI 인공지능 상담사

0
119

인공지능 개발(얼굴표정 생성)

0
251

40여개 사이트 정보 추출 및 로그인, 매출정보 추출

0
226

중소기업기술혁신사업 사업계획서 작성, 발표 및 선정

0
174
  • 뉴스 알리미 챗봇, AI 인공지능 상담사

    0
    119
  • 인공지능 개발(얼굴표정 생성)

    0
    251
  • 40여개 사이트 정보 추출 및 로그인, 매출정보 추출

    0
    226
  • 중소기업기술혁신사업 사업계획서 작성, 발표 및 선정

    0
    174
  • 사업계획서 스타트업리그 수상

    0
    133
  • 창업성장기술개발사업 연구개발계획서 작성

    0
    162
  • 이메일 자동 수집 및 PDFD 텍스트 자동 추출 웹 개발

    0
    13
  • PDF 문서에 나만의 도장과 서명을 간편하게! 웹 기반 솔루션 개발

    0
    4
  • 얼굴 위변조 영상 실시간 탐지 앱 (국가 R&D 과제)

    0
    2
  • 더보기
비슷한 스타일을 찾고 계신가요?의 다른 포트폴리오

AI 블로그글 자동생성기- 블로그,X,스레드 글까지

0
19

아파트 프로

0
17

생활법률 절차를 안내하는 AI 에이전트 공모전 사례

0
13

업종별 홈페이지 셀프 제작 서비스 (모두잇 자체 서비스)

0
0
  • AI 블로그글 자동생성기- 블로그,X,스레드 글까지

    0
    19
  • 아파트 프로

    0
    17
  • 생활법률 절차를 안내하는 AI 에이전트 공모전 사례

    0
    13
  • 업종별 홈페이지 셀프 제작 서비스 (모두잇 자체 서비스)

    0
    0
  • 쉽닷 자동화도구 서비스

    0
    18
  • 수업 중에도 학부모 상담 안 놓치는 공부방 홈페이지

    0
    2
  • LLM이 적용되지 않은 독자 AI 관리 에이전트

    0
    0
  • N잡 수익 엑셀, PDF를 한 장으로 합치는 웹 도구 (자체 제작)

    0
    1
  • 반응형 웹사이트 | Line&Form 운영 홈페이지

    0
    4