HOME · 메인 화면
한 페이지에 가게 전체를 담았습니다
히어로 → 4종 라인업 그리드 → “왜 DS 컴퓨터인가” → 주문 프로세스 → 상담 안내 → 매장 정보. 스크롤만 해도 매장이 어떤 곳인지, 어떤 PC를 살 수 있는지, 어떻게 사면 되는지 자연스럽게 보입니다.
OVERVIEW · 소개
매장에서 만나는 “안내 → 라인업 → 견적 → 상담”의 흐름을 그대로 웹으로 옮겼습니다. 방문자는 어떤 PC가 자신에게 맞는지 빠르게 찾을 수 있고, 매장에서는 손님과 함께 화면을 보며 가격·스펙·보증을 한 번에 설명할 수 있습니다.
보급형 · 일반형 · 고급형 · 최고급형. 손님이 한 화면에서 자신의 자리를 찾고, 상세 페이지에서 스펙·가격·보증까지 한 번에 확인할 수 있습니다.
등급별로 실제 본체 사진을 사용했고, CPU 클록·캐시, RAM 타이밍, GPU 모델, 파워 출력, 소비전력, 벤치마크 점수까지 정직하게 적어두었습니다.
매장 직원이 직접 상품을 추가·수정·삭제할 수 있는 별도 콘솔이 준비되어 있습니다. 가격이 바뀌거나 부품이 변경되면 즉시 반영할 수 있습니다.
LINEUP · 라인업
가격대별·용도별로 검증된 4개 구성입니다. 모든 라인업은 정품 부품 사용, 24시간 안정성 테스트, 매장 무상 점검을 기본으로 제공합니다.
HOME · 메인 화면
히어로 → 4종 라인업 그리드 → “왜 DS 컴퓨터인가” → 주문 프로세스 → 상담 안내 → 매장 정보. 스크롤만 해도 매장이 어떤 곳인지, 어떤 PC를 살 수 있는지, 어떻게 사면 되는지 자연스럽게 보입니다.
PRODUCT DETAIL · 상품 상세
상세 페이지는 좌측 큰 본체 사진 + 우측 가격·하이라이트·연락 버튼, 하단에 구성 소개 + 상세 스펙 표 구조입니다. CPU·쿨러·메인보드·메모리 모델·파워 출력·소비전력·벤치마크 점수까지 상세하게 명시해 손님이 사이트만 보고도 견적을 가늠할 수 있도록 했습니다.
ABOUT · CONTACT
매장 소개에는 연혁(2013→2024 표준 라인업 정립), 우리가 잘하는 일·안 하는 일, DS 약속, 사람 소개를 담았습니다. 방문 안내에는 카카오맵 · 전화 · 카톡 · 영업시간 · 대중교통과 주차까지 정리했습니다.
ADMIN · 상품 관리
관리자가 별도 작업 없이 상품 정보를 갱신할 수 있도록 콘솔을 만들었습니다. ID와 비밀번호로 로그인하면 목록 · 새 상품 등록 · 수정 · 삭제 · 초기 상태로 되돌리기가 가능하고, 변경한 내용은 같은 컴퓨터 안에서 유지됩니다.
새 상품을 등록할 때 슬러그(주소) 중복 검사와 형식 검증을 자동으로 수행합니다. 가격이 0이면 “견적 상담”으로 자동 표시됩니다.
하이라이트와 스펙은 행을 자유롭게 추가·삭제할 수 있고, 빈 행은 저장할 때 자동으로 정리됩니다.
변경 즉시 모든 화면에 동기화되고, 결과는 작은 알림창으로 안내됩니다. 손님 앞에서 가격을 즉시 바꿔 보여주는 시연도 가능합니다.
관리자 상단의 “초기 복원” 버튼으로 4개 기본 상품 상태로 즉시 되돌릴 수 있습니다.
RESPONSIVE · 모바일
375~430px 폭에서 햄버거 메뉴 + 1컬럼 카드 + 모바일 친화 폼으로 자동 전환됩니다. 매장에 방문 전 손님이 길에서 폰으로 라인업·가격을 확인하고, 그대로 전화로 상담을 시작할 수 있습니다.
PROMISE · DS 약속
DS 컴퓨터는 가격을 부풀리거나, 의미 없는 상위 부품을 끼워 팔지 않습니다. 한 자리에서 12년 동안 같은 손님을 다시 만나며 이어온, 작지만 단단한 매장의 다짐입니다.
용산 정식 유통 부품만 사용하며, 시리얼 번호로 출처를 추적할 수 있습니다.
조립 후 24시간 burn-in 테스트를 거쳐 안정성을 확인한 뒤에만 출고합니다.
매장 픽업은 당일 가능, 수도권 배송은 무료로 안전하게 전달합니다.
사용 중 문제가 생기면 매장으로 가져오시면 점검과 해결까지 무상 진행합니다.