This website requires JavaScript.
포트폴리오 대표 이미지
웹 개발4개 국어 아이패드 상담 설문ㆍ메뉴판 웹앱
  • 지역비대면 진행
  • 예산4,000,000원
  • 기간2개월

매장에 온 방문객이 아이패드로 두 문항 설문에 답하면, 그 자리에서 맞춤 제안서와 상세 메뉴판을 보며 상담받을 수 있는 태블릿 웹앱입니다. 운영자가 쓰는 관리자 웹도 함께 만들었습니다. 견적 산정과 구현 방식 검토를 위해 직접 만든 시제품입니다. 시작 화면에서 한국어ㆍ영어ㆍ일본어ㆍ중국어 중 하나를 고르면 설문부터 추천 항목, 상세 규격, 제안서까지 그 언어로 바뀝니다. 설문 답에 따라 주요 항목에 2점, 연계 항목에 1점을 주어 추천을 고르고, 항목ㆍ금액ㆍ합계가 담긴 제안서를 바로 만듭니다. 제안서는 QR코드로도 나와서, 방문객이 스마트폰으로 찍으면 같은 문서번호와 금액의 제안서가 열립니다. 항목 상세에는 전후 비교 이미지 슬라이더와 소요 시간ㆍ회복 기간ㆍ통증ㆍ주기를 담은 카드를 손가락으로 다루기 좋게 배치했습니다. 화면 낭독기를 지원하고, 기기의 움직임 줄이기 설정을 따르며, 글자 명암비도 측정했습니다. 관리자 웹에서 4개 국어 문구와 항목, 가격, 분류, 설문 문구를 고치면 태블릿에 바로 반영됩니다. 접수 내역은 엑셀에서 한글이 깨지지 않는 CSV로 내려받으며, 이때도 가림 처리된 값으로 저장됩니다. 원본은 열람 기록이 남는 상세 화면에서만 한 건씩 볼 수 있고, 접수 내역은 24시간 뒤 자동으로 지워집니다. 시연하며 바꾼 데이터는 10분 뒤 원래대로 돌아갑니다. 외부 프레임워크나 빌드 도구 없이 HTML 파일 하나로 돌아갑니다. 2026년 8월에 상담 흐름과 추천 방식, 4개 국어 구성을 정하고 9월에 웹앱과 관리자 기능을 만들었습니다. 자동화 테스트와 배포 검사 스크립트를 갖췄고, 네 언어를 모두 확인한 뒤 아이패드와 휴대폰에서 교차 점검했습니다.

이미지 2

매장 이름과 시작 버튼만 둔 첫 화면에서 상담이 시작됩니다.

이미지 4

한국어, 영어, 일본어, 중국어 중 상담할 언어를 고릅니다.

이미지 6

개선하고 싶은 부위를 그림 카드로 고르고, 원하는 시술도 미리 표시해 둡니다.

이미지 8

소요 시간, 회복 기간, 통증, 권장 주기를 한눈에 보고 전후 사진을 비교합니다.

이미지 10

왼쪽 목록에서 시술을 누르면 맞춤 추천 표시와 함께 상세 설명이 열립니다.

이미지 12

오늘 상담한 내용을 QR로 휴대폰에 옮겨 담아 가는 단계입니다.

이미지 14

고른 고민에 맞춘 프로그램과 금액, 합계를 담은 제안서가 바로 나옵니다.

이미지 16

영어를 고르면 제안서의 항목명과 안내 문구까지 영어로 바뀝니다.

이미지 18

일본어로 상담하면 고민 이름도 일본어 표현으로 바꿔 보여 줍니다.

이미지 20

중국어 제안서에서도 금액은 원화 기준으로 같은 자리에 놓입니다.

이미지 22

관리자가 시술별 노출 여부와 가격, 4개 국어 작성 상태를 한 표에서 고칩니다.

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

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

0
119

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

0
252

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

0
227

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

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

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

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

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

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

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

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

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

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

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

생각한 모든 웹 서비스를 현실로, 맞춤형 웹 개발 전문가

0
2

사주분석 웹서비스

0
2

일본 거래처 납품서를 월 청구서로 자동 작성 (실제 납품)

0
0

작은 회사 소개 홈페이지 견본 "오목 스튜디오"

0
0
  • 생각한 모든 웹 서비스를 현실로, 맞춤형 웹 개발 전문가

    0
    2
  • 사주분석 웹서비스

    0
    2
  • 일본 거래처 납품서를 월 청구서로 자동 작성 (실제 납품)

    0
    0
  • 작은 회사 소개 홈페이지 견본 "오목 스튜디오"

    0
    0
  • 진리옥 요식업 브랜드 사이트 제작

    0
    0
  • 감성온도광안 숙박 브랜드 홈페이지 제작

    0
    1
  • 자사 서비스 홈페이지 제작, 도구 허브와 서비스 소개 사이트

    0
    2
  • 단체 식사 신청ㆍ식권ㆍ정산 관리

    0
    1
  • LED 디스플레이 시공 기업 - 영업 홈페이지 + 직접 고치는 관리자 화면

    0
    1