01
도색 전후 비교
건물 사진을 기준으로 기존 외벽과 새 색상을 나란히 비교합니다.
Before/After건물 외관색상 비교시안 확인
제품Paint Preview
STATUS출시 제품
DELIVERED랜딩 페이지 · 건물 사진 업로드 · 색상 선택 · AI 도색 시안 · 결과 갤러리
01 / OVERVIEW
무엇을 만들었나
Paint Preview는 아파트, 상가, 주차장 사진으로 외벽 도색 시안을 확인하는 웹서비스입니다.
건물 사진을 업로드하고 페인트 컬러를 선택하면 도색 전후 이미지가 같은 구도로 나란히 나옵니다.
컬러 피커, HEX 입력, 추천 색상, 사진 가이드, 최근 결과 갤러리도 구현했습니다.
랜딩 페이지건물 사진 업로드색상 선택AI 도색 시안결과 갤러리
02 / 제품 화면
제품 화면과 주요 기능
실제 제품 화면을 기준으로 사용 순서와 주요 기능을 정리했습니다.
02
도색 스튜디오
사진 업로드, 컬러 선택, HEX 입력, 추천 색상을 한 화면에서 처리합니다.
사진 업로드컬러 피커HEX 입력추천 색상사진 가이드
03
랜딩과 결과 예시
서비스 첫 화면에 예시 결과와 사진 업로드 순서를 함께 배치했습니다.
랜딩 화면예시 결과업로드 CTA최근 결과
03 / 주요 기능
주요 기능
건물 사진 업로드
JPG, PNG, WEBP 업로드, 외관·복도·주차장 사진 안내
색상 선택
컬러 피커, HEX 입력, 추천 색상, 선택 색상 미리보기
AI 도색 시안
업로드 이미지와 선택 색상으로 외벽 도색 결과 생성
Before/After 비교
원본 이미지와 도색 결과 이미지를 나란히 비교
최근 결과 갤러리
생성된 시안 목록, 날짜, 크게 보기
사진 가이드
벽면·기둥 경계, 밝은 조명, 건물이 크게 보이는 사진 기준
04 / 상담