워드프레스 쇼핑몰, 웹사이트

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
웹사이트

회원관리 사이트

회원관리 프러그인을 이용한 학회 홈페이지.

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
쇼핑몰

해외 쇼핑몰

해외 대상 쇼핑몰. 다양한 플러그인 사용됨.

사이트 이미지
쇼핑몰

강아지 용품 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

포트폴리오 보기

블로그 인기글

커스텀 디자인

여러 종류의 플러그인을 이용해 페이지와 콘텐츠를 커스텀 디자인

Brizy Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Elementor Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Advanced Custom Field Pro

사용자 정의 필드

커스텀 콘텐츠 작업에 필요한 플러그인

Pods

사용자 정의 콘텐츠 타입

기본 콘텐츠 타입외에 다양한 형태의 콘텐츠 생성.

블로그

워드프레스 쇼핑몰의 정기결제 상품이 다양해지고 있습니다. 최근 진행 중인 정기결제 쇼핑몰중 하나는 커피제품이고 다른 하나는 가구입니다. 커피는 매일 소비하는 소모품이다보니 이해가 가지만 가구도 정기결제 상품으로 가능할까? 생각해보니 임대형태로 한다면 가능하지 못할 것도 없더군요. 해외 사이트를 벤치마킹하여 사업 아이템으로 시작하는 경우입니다. 이번 글에서는 제작이 완료된 커피 정기배송 쇼핑몰의 사례를 알아보겠습니다.

홈 페이지 화면입니다. 이번 프로젝트에서는 의뢰인이 일부 페이지는 직접 작업하신다고 하여 코딩 없이 페이지 빌더로 가능한 부분은 이미지만을 사용해 만든 페이지입니다. 사실 텍스트를 반응형 디자인에 맞게 조절하는 것이 작업 분량이 많습니다. 큰 화면에서는 큰 글자로, 작은 모바일에서는 줄이 바뀌기도 하고 글자의 크기가 작아야 하기 때문에 일일이 코드를 이용해 조절해줘야 합니다. 텍스트를 이미지화 하면 코드가 필요 업기는 하지만 해상도 변경으로 인해 흐리게 보이기도 합니다. 우선 이런 식으로 직접 해보고 아니다 싶으면 코딩작업을 요청한다고 하셨습니다.

스토어 페이지입니다. 정기배송이 아닌 개별상품 구매시 이 페이지에서 선택하고 주문할 수 있습니다. 한번 구매해보고 마음에 들면 보다 저렴하고 무료배송이 가능한 정기배송을 신청하게 됩니다.

정기구매 시작 페이지입니다. 정기구매의 유리한 점을 설정하고 정기구매 시작 버튼을 클릭하면 다음 페이지로 넘어갑니다.

3가지 상품중 하나를 선택하면 배송 주기가 나타나고 원하는 주기를 선택하면 바로 장바구니로 넘어갑니다.

샘플 신청 페이지입니다. 오피스인 경우 사업자 등록증을 첨부하면 샘플상품을 보내준다고 합니다.

장바구니 페이지입니다. 간결하게 표시되도록 커스터마이징 했습니다.

결제 페이지입니다. 

마이페이지입니다. 많은 테마가 my account 페이지를 적당히 처리하기 때문에 제대로 보이지 않는 경향이 있습니다. 아래처럼 주문 내역이 테이블 레이아웃으로 나타나고 있죠.