본문 바로가기

고도몰 쇼핑몰 디자인스킨 적용 사례 예시

카페24/고도몰 쇼핑몰 스킨 고르기 (반려동물) 쇼핑몰 디자인스킨 적용 사례 예시

안녕하세요.

카페24 / 고도몰 쇼핑몰 디자인업체 디자인교과서 입니다.

 

 

오늘은 무료스킨과 유료스킨의 차이점 및

어떤 스킨을 구입해야할지 고민일때 참고할 점들을 적어볼께요!

 

 

카페24에 처음 가입하면 기본적인 쇼핑몰은 이미 구축되어 있는 상태이며 

여기에 디자인을 더하고 상품을 등록하는 등

기존의 쇼핑몰처럼 운영하기 위해서는 기본적인 작업을 해 주어야 합니다.

우선, 스킨은 무료스킨 유료스킨이 있고

무료스킨은 카페24에서 무료로 제공해 주는 스킨이고

유료스킨은 많은 디자인 업체나 개인이 제작하여 판매하는 스킨입니다. 

 

 

 

무료스킨과 유료스킨의 기능은 동일합니다.

다만, 외관을 바꾸는 거예요.

 

스킨을 집이라고 한다면 무료스킨도 기본적인 기능은 모두 있습니다.

아직 인테리어를 하지 않은 집이라고 생각하시면 되고

그에 비해 유료스킨은 인테리어를 마친 집이라고 생각하시면 됩니다. 

집을 인테리어 할 때 취향에 따라 모두 다르게 하는 것처럼

유료 스킨도 디자인이 모두 다르고  디자인에 따라 금액도 다르며

구매한 업체에 따라 지원해 주는 부분도 조금씩 차이점이 있습니다. 

◆무료스킨 ◆

무료스킨을 이용하다 유료스킨을 구매하여 이용해도 무료스킨에서 만들어 놓은 건 모두 사용할 수 있습니다.

그럼 무료스킨을 어디에서 찾아볼 수 있는지 알아보겠습니다.

카페24에 로그인하여 디자인 (PC/모바일) > 디자인 추가 선택하시면 됩니다.

상품 카테고리, PC/모바일, 가격을 선택하여 조회하실 수 있습니다. 

 

  • 가격 : 무료 (← 무료 스킨)
  • 가격을 무료로 선택하시면 무료 스킨이에요. 

 

 

카페 24에 처음 가입 후 확인할 수 있는 에디봇 기본디자인 (반응형) 스킨 

 

 

◆유료스킨 ◆

카페24 디자인센터에 가시면 엄청난 양의 유료 스킨들을 만나실 수 있습니다.

실력있는 디자이너들이 유료스킨을 제작하여 생각보다 저렴하게 판매하고 있습니다.

정말 많은 유료 스킨을 판매하고 있어서 선택지가 넓기에

더 어렵고 어떤것을 골라야할지 막막하고

유료스킨은 정말 너무 많아서 이 중에 마음에 드는 스킨을 고르는 것도 일 일듯 합니다. 

 

 

대부분 가장 판매가 잘되고 있는 베스트 상품 위주로 스킨들을 찾아보길 권해드리고 있습니다. 

여러개의 스킨들을 살펴보다보면 각각의 스킨들에서 적용하고 싶은 영역이 보여질텐대 

딱 마음에 드는 스킨을 선택하는것은 쉽지 않습니다. 

 

 

v  최대한 변경하지 않은 상태가 베스트 

기능적인 부분이 들어가지 않는 범위내에서 수정은 가능하지만

그에 따른 비용 발생 및 변경을 함으로 인해 스킨의 느낌을 완전 바꾸어버릴 수 있기에 신중해야 합니다. 

 

v  스킨의 이미지들을 자사 이미지로 변경하였을때를 상상해보기 

유료스킨에 이미 세팅되어 있는 배너, 상품 이미지들은 
판매하게될 제품 및  배너이미지로 변경될 예정이기에 

이미지를 제외하고 보아야하며 자사 이미지를 적용시켰을 때를 
생각해보지 않고 스킨을 구매하게 된다면 원하는 느낌이 나오지 않을 수 있습니다. 

 

 쇼핑몰을 이용하는 고객이 선호하는 레이아웃을 고려하기

젊은 고객층을 상대하는 쇼핑몰의 경우 트렌디한 형식을 선택하더라도 문제가 되지 않지만

다양한 연령층을 상대하는 쇼핑몰의 경우 트렌디한 레이아웃은 고객에게 혼란을 줄 수 있으므로 

직관적으로 보여지는 상단 메뉴형 (전형적인 레이아웃 구조) 이 좋습니다. 

 

v  판매하고자 하는 상품에 따른 선택하기

상품분류가 많은 경우 가로형보다는 세로형을 선택하는게 좋고 

상품수가 많을 경우 상품이 다양하게 보여질 수 있는 스킨 선택이 중요합니다. 

 

 스킨의 기타 페이지 살펴보기

메인페이지만 보고 스킨을 구매해주시는 분들도 많으신데

 스킨은 절대 메인페이지만 보시고 구매하시면 안됩니다.

쇼핑몰에는 상품분류, 상품상세, 마이페이지, 공지사항, Q&A, 리뷰 등등 다양한 페이지들이 존재합니다.

따라서 이런 다양한 페이지들이 스킨이 제공하는 톤앤매너 안에서 디자인되었는지를 살펴보셔야 합니다.

 

 

시간이 조금 더 오래 걸리더라도 꼼꼼하게 살펴보거나 
디자인 업체에 문의하여 판매할 상품에 따른 적합한 스킨 결정이 무엇보다 중요합니다. 

디자인교과서의 수많은 스킨 중에서도 믹스마켓 으로 세팅한 쇼핑몰 소개해보려 합니다. 

 

 

반려동물을 하나의 가족으로 생각하는 가구가 증가함에 따라

자연스럽게 반려동물 건강 관리에 대한 관심도 높아졌습니다. 

건강 관리의 기본은 무엇보다 잘 먹는 것!

반려동물의 대표적인 주식은 사료인데

보호자 스스로 반려동물에게 필요한 영양 균형을 맞춰 음식을 제공하기 어려운 고충을 덜어주고

관리하기도 용이해 여전히 대다수 반려동물 보호자들이 주식으로 사료를 선택합니다. 

반려동물을 건강하게 먹이는 일의 핵심은 좋은 사료를 선택하는 것이라 할 수 있습니다. 
오늘은 믹스마켓 스킨으로 쇼핑몰을 구축한 스누을 소개하고자 합니다. 

 

 

◆제작 컨셉
1) 글자 크게 &  심플하게 & 차분한 색감

2)직관적으로 확인할 수 있는 이벤트와 리뷰 
3) 상품이 바로 보일 수 있는 형태
4) 상품 유형 : 'PC+모바일 결합형'
5) 상품 옵션 : 단순복사와 커스텀 상품도 같이 등록

 

 

 

 

 

 

믹스마켓 원본 스킨                                                          스누펫 고객사 디자인 세팅 

 

이렇게 바뀌었습니다!

반려동물  상품을 판매하는 스누펫은

믹스마켓의 깔끔한 느낌과 잘 맞아떨어지네요.

 

 

◆믹스마켓 스킨의 상품 목록 및 상세페이지 영역 

 

 

◆ 상품목록 페이지 

 

 

 

◆ 상품 상세페이지 

 

 

믹스마켓 스킨을 기반으로 세팅 작업한 스누펫은

맞춤 제작이라도 한듯이 아주 멋진 쇼핑몰이 되었습니다.

아래는 모바일 버전으로 보았을때의 모습입니다. 

요즘은 모바일로 쇼핑을 많이 하기 때문에 

쇼핑몰 구축시 세트로 많이 구매하십니다.

 

 

 

단순복사 + 디자인수정 옵션 선택시 수정영역에 대하여

스킨에 있는 텍스트 폰트와 위치 등이 같은 디자인 구성으로 텍스트 문구만 변형되는 형태로 들어가게 되며 

배너 내의 이미지 또한 이미지를 보내주시거나

"클립아트코리아" "셔터스톡"에서 이미지를 선택해주시면 해당이미지로 무료교체가 이루어 집니다. 

(스킨에서의 디자인 구성대로 교체됩니다)

 

이용하시는 쇼핑몰솔루션 (카페24 or 고도몰)의 운영 경험과

html에 능숙하지 않으신 고객은 디자인 스킨 구매시 

(단순복사)를 구매하시면 솔루션에 익숙하지 않기 때문에 어려움을 겪으시는 경우가 많습니다. 

반드시 (단순복사+디자인수정)으로 선택하여 구매해주세요.

 

 

 

 

이로써 카페24/고도몰 (반려동물 유산균) 디자인스킨 적용 사례 예시에 대해 알아보았습니다. 
아래의 링크로 접속하시면 더 많은 쇼핑몰 디자인 템플릿을 확인 하실 수 있고

궁금한 점은 언제든 편히 연락주세요^^

 

 

↓↓   http://design-book.co.kr/   ↓↓

 

디자인교과서

디자인교과서

design-book.co.kr

더 많은 고퀄리티 쇼핑몰 스킨을 만나세요!