This website requires JavaScript.
포트폴리오 대표 이미지
웹 개발[풀스택 자체개발] 전통 무속 신당몰 및 예약 플랫폼 구축
  • 지역비대면 진행
  • 예산4,000,000원
  • 기간1개월

전통 무속 편집샵 신당몰 SINDANG 웹사이트 구축 프로젝트입니다. 부적 및 개운 상품 판매와 신점 상담 예약 기능을 하나의 플랫폼에 통합하여, 고객이 상품 구매부터 1대1 상담 예약까지 원스톱으로 이용할 수 있도록 설계했습니다. 주요 구현 페이지 1. 메인 페이지 히어로 배너, 카테고리 진입, 베스트 상품, 추천 부적 영역을 감성적인 레이아웃으로 구성했습니다. 2. 상품 리스트 페이지 부적, 액막이, 소원 및 재물운, 연애 및 인연, 사업 및 합격, 굿 및 기도 등 총 6개 카테고리로 분류된 상품 목록을 제공합니다. 3. 상품 상세 페이지 상품 이미지, 축원 내용, 옵션 선택, 장바구니 담기, 바로 구매 기능을 구현했습니다. 4. 장바구니 및 주문 페이지 담긴 상품 수량 조정, 선택 주문, 결제 연동 준비까지 커머스 플로우를 구축했습니다. 5. 신점 예약 페이지 1대1 상담 예약 시스템으로 원하는 날짜와 시간을 선택하여 예약을 접수할 수 있도록 했습니다. 6. 로그인 및 회원가입 페이지 일반 로그인과 회원가입을 하나의 페이지에서 처리하도록 구성했습니다. 7. 마이페이지 주문 조회, 예약 내역 확인, 회원 정보 관리 기능을 포함했습니다. 디자인 콘셉트 전통 무속의 신비로운 분위기를 해치지 않으면서도 현대적인 쇼핑몰 사용성을 유지하기 위해 깊이감 있는 컬러와 세리프 계열 한글 폰트를 조합했습니다. Noto Serif KR과 Noto Sans KR을 활용하여 가독성과 무게감을 동시에 살렸습니다. 기술 스택 HTML5, CSS3, JavaScript를 기반으로 제작했으며, 별도의 프레임워크 없이 경량으로 빠르게 로딩되도록 구현했습니다. 반응형 디자인을 적용하여 PC, 태블릿, 모바일 환경에서 모두 최적화된 화면을 제공합니다. 작업 포인트 일반 쇼핑몰과 달리 무속 문화의 정서와 신뢰감을 시각적으로 전달해야 하는 프로젝트였습니다. 지나치게 가볍지도, 너무 무겁지도 않도록 밸런스를 잡는 데 가장 많은 시간을 투자했으며, 상품 구매와 상담 예약이라는 두 가지 서비스 축이 자연스럽게 연결되도록 네비게이션과 사용자 동선을 설계했습니다. 이처럼 감성과 기능이 모두 중요한 쇼핑몰, 예약 시스템이 결합된 플랫폼 제작이 필요하시다면 언제든 편하게 문의 주세요.

이미지 2

개발하는 Dog (Dog 발)
웹 개발
별점
5.0(7)
작은 수정부터 신규 개발까지, 빠르고 책임감 있게 끝까지 챙기는 개발자입니다

[풀스택 자체개발] 기업 홈페이지 + 관리자 시스템 제작

0
23

[풀스택 자체개발] 포트폴리오 이력서 홈페이지

0
11

[앱 자체개발] 자동차 정비/수리 앱 개발

0
22
  • [풀스택 자체개발] 기업 홈페이지 + 관리자 시스템 제작

    0
    23
  • [풀스택 자체개발] 포트폴리오 이력서 홈페이지

    0
    11
  • [앱 자체개발] 자동차 정비/수리 앱 개발

    0
    22
비슷한 스타일을 찾고 계신가요?의 다른 포트폴리오

글 하나를 쓰면 네 개 채널에 자동으로 발행되고, 공감과 댓글, 서로이웃, 답글까지 처리하는 프로그램을 직접 설계하고 개발했습니다. 채널마다 API 규격과 인증 방식, 이미지 처리 방식이 전부 다릅니다. 채널을 추가할 때마다 본체를 고쳐야 하는 구조를 피하려고, 발행 로직을 채널별로 분리하고 공통 인터페이스만 지키도록 설계했습니다. 가장 어려웠던 것은 발행이 아니라 실패 처리였습니다. 초기에는 한 채널이 막히면 전체가 멈췄습니다. 채널별로 독립 재시도하도록 바꾸고, 실패 원인을 인증 만료와 일시 오류로 구분한 뒤에야 무인 운영이 가능해졌습니다. 로그인은 일부러 자동화하지 않았습니다. 프로그램이 반복 로그인하면 캡차가 뜨고 계정이 막히기 때문입니다. 처음 한 번 사용자가 직접 로그인하면 그 세션을 저장해 씁니다. 속도도 일부러 늦췄습니다. 사람처럼 간격을 두고 움직이도록 만들었습니다. 짧은 시간에 몰아서 처리하면 하루 만에 막힙니다. 파이썬으로 개발했고 설치 없이 실행 파일 하나로 동작합니다. 계정 정보는 사용자 PC에만 암호화 저장되며 외부로 전송되지 않습니다. ※ 각 블로그 서비스의 이용약관을 준수하는 범위에서 동작하며, 방문자 수나 노출 순위 등의 결과를 보장하지 않습니다.

0
32

티스토리 블로그 자동 글쓰기 프로그램

0
6

BLUE POTION 홈페이지 제작 및 유지보수

0
49

사주분석 웹서비스

0
2
  • 글 하나를 쓰면 네 개 채널에 자동으로 발행되고, 공감과 댓글, 서로이웃, 답글까지 처리하는 프로그램을 직접 설계하고 개발했습니다. 채널마다 API 규격과 인증 방식, 이미지 처리 방식이 전부 다릅니다. 채널을 추가할 때마다 본체를 고쳐야 하는 구조를 피하려고, 발행 로직을 채널별로 분리하고 공통 인터페이스만 지키도록 설계했습니다. 가장 어려웠던 것은 발행이 아니라 실패 처리였습니다. 초기에는 한 채널이 막히면 전체가 멈췄습니다. 채널별로 독립 재시도하도록 바꾸고, 실패 원인을 인증 만료와 일시 오류로 구분한 뒤에야 무인 운영이 가능해졌습니다. 로그인은 일부러 자동화하지 않았습니다. 프로그램이 반복 로그인하면 캡차가 뜨고 계정이 막히기 때문입니다. 처음 한 번 사용자가 직접 로그인하면 그 세션을 저장해 씁니다. 속도도 일부러 늦췄습니다. 사람처럼 간격을 두고 움직이도록 만들었습니다. 짧은 시간에 몰아서 처리하면 하루 만에 막힙니다. 파이썬으로 개발했고 설치 없이 실행 파일 하나로 동작합니다. 계정 정보는 사용자 PC에만 암호화 저장되며 외부로 전송되지 않습니다. ※ 각 블로그 서비스의 이용약관을 준수하는 범위에서 동작하며, 방문자 수나 노출 순위 등의 결과를 보장하지 않습니다.

    0
    32
  • 티스토리 블로그 자동 글쓰기 프로그램

    0
    6
  • BLUE POTION 홈페이지 제작 및 유지보수

    0
    49
  • 사주분석 웹서비스

    0
    2
  • 디스코드 봇 예제

    0
    24
  • 카카오톡 메시지 자동 발송 프로그램 (피크마케팅 사용)

    0
    1
  • 홈페이지 제작(수익형 블로그 및 브랜드 홈페이지 제작)

    0
    99
  • 블로그 자동 발행 프로그램 시연 영상입니다. 51초 분량으로 두 장면이 이어집니다. 첫 장면은 프로그램 전체 구조입니다. 발행 일정을 미리 정해 두면 정해진 시각에 알아서 글이 올라가는 흐름을 보여줍니다. 요일과 시간대별로 일정을 지정할 수 있고, 발행 결과는 메신저로 알려 줍니다. 두 번째 장면은 여러 블로그 동시 발행입니다. 한 번 작성한 글을 네 곳의 블로그 형식에 맞게 변환해 각각 발행합니다. 글 하나를 네 번 옮겨 붙이던 작업이 없어지는 부분입니다. 이 외에 지정 폴더의 이미지를 본문에 자동으로 배치하는 기능, 발행 시각과 대상, 결과를 전부 기록해 조회하는 발행 이력 관리, 발행에 실패한 건을 자동으로 다시 시도하는 기능이 함께 들어갑니다. 윈도우 맥 리눅스에서 모두 동작하며, 실행 파일과 사용 안내서를 함께 드립니다. 계정 정보는 사용자 PC에만 저장되며 외부로 전송되지 않습니다. ※ 각 블로그 서비스의 이용약관을 준수하는 범위에서 동작하며, 방문자 수나 노출 순위 등의 결과를 보장하지 않습니다.

    0
    10
  • 헬스장 홈페이지 - 운동 가이드 / 12주 커리큘럼 / 센터 소식

    0
    1