스마트PC 제안서 · 2017. 7. 12. · 스마트PC 제안서 프리미엄 쇼핑몰을 위한...

스마트PC 제안서프리미엄 쇼핑몰을 위한 no.1 디자인

제작 : 스마트스킨 그로스해킹그룹

목차

1. 지원가능환경

2. 제작프로세스

3. 특징

4. 상세내용

5. 기능

6. 포트폴리오

7. 스마트스킨 회사소개

스마트PC 제안서

지원가능환경 | 3사 솔루션 지원

3

메이크샵 MAKESHOP

카페24 CAFE24


특징 | 스마트PC는 다릅니다!

4

스마트PC기능성

차별화

호환성

전문성

스마트PC는 디자인만 제공하는 스킨과는 다릅니다. 메

인페이지, 상세페이지, 카테고리페이지 등 어떠한 페이

지에서도 고객이 불편함을 느끼지않고 쇼핑을 끝마칠수

있도록 50여가지가 넘는 다양한 기능을 제공합니다.

✓ 다양한 기능을 지원합니다.

페이지 레이아웃이 흐트러지거나 특정 부분이 표시되

지 않는 현상들을 보신 적이 있으신가요? 스마트PC와

함께라면 걱정 ZERO! 스마트PC는 브라우져 호환 문

제를 해결해 크롬은 물론 IE 7.0~11, 파이어폭스까지

완벽한 호환성을 갖추었습니다.

✓ 브라우져 호환 100%에 도전합니다.

고객사의 모든 요청이 사이트에 반영될 수 있도록 전페

이지 커스텀을 지원합니다. 고객의 소리 하나도 놓치지

않기 위한 기획 미팅 지원은 물론 1년 간의 유지보수의

혜택까지 모두 드립니다.

✓ 남들과 똑같은 사이트는 이제 그만!

더이상 어설픈 실력을 소유한 외부인에게 소중한 내 쇼

핑몰을 맡기지마세요! 기획은 기획 전문가, 디자인은 디

자인 전문가, 개발은 개발 전문가에게 맡겨야합니다 스

마트PC는 각 그룹의 전문가가 퀄리티 높은 실력으로

쇼핑몰의 품격을 높여드립니다.

✓ 전문가가 책임지고 만듭니다.


제작프로세스 | 기획부터 제작까지

5

01 주문 및 결제

02 기획 미팅

03 화면설계서 전달

04 디자인작업

05 퍼블리싱

06 실서버반영

*모든 프로세스는 반드시 직전 단계의 완전한 컨펌 후 진행됩니다.

실서버를 변경하는 작업은 문제

발생을 줄이기 위한 QA가 반드

시 필요합니다. 때문에 사전 일

정을 협의한 후에만 진행이 되

며, 당일 요청 및 공휴일 전날에

는 패치가 불가능합니다.

기획단계, 디자인단계에서 확정

된 내용들을 추합하여 실서버

반영 전 개발계정에 작업을 한

후 보여드립니다. 개발계정은

모든 링크가 연결되어 있지는

않으며, 디자인 및 기능 구현만

확인하는 단계입니다.

화면설계서 컨펌이 끝나면 디자

인 작업이 이루어집니다. 디자

인 컨펌 후 퍼블리싱 단계로 넘

어가면 별도의 디자인 재수정이

불가능하기 때문에 꼼꼼히 확인

해주셔야 합니다.

기획담당자와 미팅시 논의했던

내용을 토대로 작성된 화면설계

서를 메일로 전달드립니다. 의

사결정권자 및 실무책임진 모두

꼼꼼히 화면설계서를 확인하시

길 부탁드리고 있습니다.

스마트스킨 홈페이지 로그인 후

스마트PC 상품 주문 및 결제를

진행해주시고, 기획 담당자와

기획 미팅을 위한 일정을 조율

하는 단계입니다.

기획 미팅에서는 스마트PC 제

작을 위한 전반적인 설명을 비

롯해 최신 디자인 및 기능을 안

내해드립니다. 이 단계에서 원

하시는 사이트 제작 방향과 디

테일한 세부 내용들을 논의합니

다.


세부내용 | 퀄리티 높은 단일 상품 제공

6

PRODUCT PRICE SERVICE

스마트PC 2.0 770만원 ~

메이크샵, 카페24 솔루션 지원

✓ 일반페이지 100% 디자인 커스텀 지원

- 메인페이지

- 상세페이지

- 카테고리페이지

- 로그인페이지

- 회원가입페이지

- 마이페이지(메인)

✓ 회사소개, 고객센터, 회원약관 등 개별페이지 4 페이지 지원

✓ 하자보수 기간 : 1년


제공기능 | 메인페이지

7

-하단으로 스크롤시 고정되는 메뉴바--기본적인 메뉴바-

✓ 메뉴바 고정기능 고정되는 높이 제어 및 하단 스크롤시 로고의 크기와 위치 변경 또한 가능합니다.



8

✓ 중분류 토글기능

메뉴바에 마우스오버시 중분류가 노출되는 기능입니다. 노출효과는 BASIC, FADE, SLIDE 효과 중 자유롭게 선택 가능하며, 해당 영

역에 배너를 삽입해 다양하게 운영 가능합니다.



9

✓ 너비값 고정형 갤러리

너비값 고정형 갤러리는 웹페이지 너비값에 맞게 사이즈 고정됩니

다. 확장형 갤러리와 같이 FADE/SLIDE효과, 좌우이동버튼 삽입여

부, 인디케이터 버튼, 자동재생여부, 플레이&스탑 버튼 삽입여부, 자

동 슬라이드시 이미지당 정체시간, 이미지 변환 속도, 갤러리 위치,

버튼 효과 등의 다양한 커스텀이 가능합니다.

✓ 확장형 갤러리

화면 좌우를 꽉 채워 시원한 느낌을 주는 기본 갤러리로 FADE/SLIDE

효과, 좌우이동버튼 삽입여부, 인디케이터 버튼, 자동재생여부, 플레

이&스탑 버튼 삽입여부, 자동 슬라이드시 이미지당 정체시간, 이미

지 변환 속도, 갤러리 위치, 버튼 효과 등의 다양한 커스텀이 가능합

니다.



10

✓ 혼합형 갤러리

탭버튼/썸네일 버튼으로 갤러리를 컨트롤할 수 있습니다. 갤러리 내

여러 페이지에 다중 적용이 가능하나 갤러리 내에 사용되는 이미지

사이즈와 썸네일 사이즈 등 아웃라인이 고정되어야 합니다.

✓ 썸네일형 갤러리

갤러리 컨트롤 버튼으로 썸네일을 이용할 수 있습니다. 썸네일은 갤

러리에 보여지는 이미지를 축소하여 노출시키는 자동관리 방식과

별도 작업한 이미지를 노출시키는 수동관리 방식 두 가지 방식을 지

원합니다.



11

✓ 아코디언 갤러리

특정이미지에 마우스 오버하면 해당 이미지가 다른 이미지들보다 넓은 영역을 차지하며 노출됩니다. 마우스 오버시 노출되는 영역

에 문구 입력이 가능하여 상품을 강조할 수 있으며, 이미지 여러개 등록시에는 자동으로 이미지 크기가 조정되어 배열되는 똑똑한

갤러리입니다. 노출되는 이미지의 개수 제한은 없지만 레이아웃을 고려해 4개까지 추천을 드리고 있습니다.



12

✓ 4CUBE 갤러리

고객의 눈을 사로잡는 화려하고 역동적인 갤러리를 찾고 계신가요? 4CUBE 갤러리를 이용해보세요. 마우스 오버한 이미지가 다른

이미지 영역을 침범하여 확대되며 텍스트 영역이 함께 노출됩니다.



13

✓ 프리뷰 갤러리

중앙에 노출되는 이미지 외에 이전 & 다음 이미지 일부 영역이 노출됩니다.

스마트PC 제안서 14


✓ 1단 슬라이드 갤러리

1단으로 된 슬라이드 갤러리입니다. 배너(수동관리)부터 어드

민에서 불러오는 상품까지 모두 슬라이드 갤러리 형식으로

제작이 가능합니다.

✓ 패럴렉스 스크롤

모니터에서 스크롤을 내리면 홈페이지 이미지가 움직이는 것

처럼 보이는 기능입니다. 이미지에 따라 독특하고 화려하며

역동적인 화면 표현이 가능합니다.


✓ 스크롤 배너

스크롤로 화면 이동시 화면을 따라 움직이는 배너로, 애니메

이션 효과에 대한 자유로운 커스텀을 지원합니다.


✓ 슬라이드 방향 설정 배너 갤러리

좌우로만 돌아가는 배너는 이제 그만! 스마트PC에서는 이미

지 슬라이드 방향을 상하좌우 자유롭게 설정할 수 있습니다.


✓ 미리보기

일반적으로 새창으로 노출되던 구매옵션 미리보기 기능을 썸네일 영역 안으로 탑재했습니다. 페이지 이동 없이 즉시 구매가 가능하

여 고객 불편함은 DOWN! 매출상승 효과는 UP! 미리보기는 슬라이드 효과로 노출되며, 미리보기 내에서 옵션선택에 따른 계산이 이

루어지지는 않습니다.



✓ 타임세일 배너

할인을 진행할 요일은 물론 시간 설정까지도 가능합니다. (시간 설정은 ‘시’단위) HTML 안에서 손쉽게 수정이 가능하여 자유롭

게 운영하실 수 있습니다. 타임세일 배너는 클릭시 배너가 노출되는 클릭형, 일정 시간 노출되었다가 닫히는 중앙노출형 2가지 타입

을 제공합니다.



제공기능 | 카테고리페이지

18

✓ 카테고리 베스트 상품 진열 방식

카테고리 베스트 상품의 진열 방식은 자동 슬라이드형, 고정

형, 폴더형 세가지 타입을 지원합니다. 폴더형의 경우 기본값

은 펼쳐진 형태로 버튼으로 해당 목록을 접은 경우 웹이 열려

있는 상태에서는 그대로 유지됩니다. (새로고침을 하더라도

접힌 상태) 상품 정보는 썸네일 하단 혹은 썸네일 내에 삽입

할 수 있어 다양한 분위기를 연출할 수 있습니다.


제공기능 | 카테고리페이지

19

✓ 현재 페이지 파악 가능

현재 보고있는 페이지의 위치 파악이 어려워 불편하시진 않으셨나요? 이제 대분류/중분류 위치 모두 파악이 가능합니다.


제공기능 | 상세페이지

20

-ZOOM 디테일뷰--팝업 디테일뷰-

✓ 디테일뷰

디테일뷰란 이미지 확대보기 기능으로 이미지 클릭시 새창으로 확대보기, 마우스 오버시 특정영역에서 확대보기 2가지 타입을 지원

합니다. 단, 새창으로 확대보기 시 큰 사이즈의 이미지를 등록해주셔야 하며, 이용하고자했던 이미지 영역보다 추가이미지가 적을

경우 빈 영역이 생길 수 있습니다.



21

✓ FIXED 결제창 생성

스크롤시 특정 위치에서 바로구매 버튼이 생성됩니다. 상품 상세 정보를 보다가 주문을 하기 위해 최상단에 위치한 상품옵션으로 돌

아가지 않아도 바로 구매할 수 있습니다. 버튼이 노출되는 시점, 바로구매창 자동노출 여부 등 디테일한 커스텀은 당연히 지원합니

다.



22

✓ 상세페이지 탭 이동

상세페이지 내에서 자유로운 탭(상품정보, 후기, 교환문의 등) 간 이동이 가능하며, 애니메이션 효과는 ON/OFF가 가능합니다.



23

✓ 관련상품 옵션 토글 처리

옵션 선택 버튼을 클릭시에만 드롭다운박스가 노출되고 기본 숨김처리되어 깔끔한 화면 구성이 가능합니다. 페이지를 이동하는 번

거로운 과정을 거치지 않아도 관련상품을 쉽게 구매할 수 있도록 지원합니다.


제공기능 | 장바구니페이지

24

✓ 장바구니 내 상품가격에 따른 배송비 자동계산

상품 가격만 합산하여 배송비에 대한 혼란을 가중시키던 기존 장바구니는 이제 안녕! 스마트PC 2.0에서는 일정 가격의 기준 설정시

기준 충족 여하에 따라 배송비가 자동계산됩니다.


포트폴리오 | 언제나 고객사와 함께합니다.

25

몽촌반찬

스타일베리

딘트

만다리나덕


후즈백

마담그레이스

케이클럽

쉬즈컴잉

포트폴리오 | 언제나 고객사와 함께합니다.


믿을 수 있는 업체에 맡기세요!

27

스마트스킨은 2013년 10월 시작되었습니다. 이후 3년이 지

난 지금, 국내에서 가장 많은 쇼핑몰의 Front-end를 담당하는 솔루션회사가 되었습니다. 모바일 페이지 디자인 ‘스마

트스킨’부터 하이브리드앱 ‘스마트앱’, 키워드 광고효율을 높여주는 부가서비스 ‘스마트픽’, 장바구니 리마인딩

서비스 ‘스마트카트’, 그리고 국내 최초 쇼핑몰만을 위한 이미지호스팅 스마트이미지까지 쇼핑몰의 든든한 파트너로

자리매김하고 있습니다.

스마트스킨은? ✓ 상위 700여개 쇼핑몰이 인정한 회사

✓ 이커머스 생태계를 가장 잘 이해하는 회사

✓ 끊임없는 기술 개발을 통해 발전을 실천하는 회사

✓ 각 분야 전문가와 함께하는 회사

smartskin스킨

smartpick

smartapp

앱smartcart

카트

smartimage

이미지smartpc

피씨

픽

상담문의

1577-3364

[email protected]

http://www.smartskin.co.kr

서울시 마포구 동교동 205-7 청운빌딩 2층

스마트PC 제안서 · 2017. 7. 12. · 스마트PC 제안서 프리미엄 쇼핑몰을 위한...

Documents

Transcript of 스마트PC 제안서 · 2017. 7. 12. · 스마트PC 제안서 프리미엄 쇼핑몰을 위한...