![cover_website.png](https://cdn.steemitimages.com/DQme6isa6qMRQ69mK5rDg7bATnHEwuNSn9Nc8Nkw6WaxLDU/cover_website.png) 안녕하세요, 스팀샵 두번째 작업기입니다. 오늘은 새로운 스팀샵 웹사이트를 보여드릴께요. 보여드리기전에 우선 작업과정을 말씀드릴까 합니다. Hello, Introduce the new steemshop website that I am designing. I'm working together with developer @segyepark to make 'Steemshop' that can be sell and purchase as steem. About two months later, the site will be released.
소개에 앞서서 https://cdn.steemitimages.com/150x0/https://cdn.steemitimages.com/DQmeBM8uYHoA6vNfhKWffgTb2GsuB4iBZwWWV4hESwi4gTg/border_05.png 원래 웹사이트 개발은 **웹사이트 UX를 설계한 후 > GUI 디자인을하고 > 리소스, 가이드를 전달해서 > 개발구현 > 테스트 후 수정 보완** 하는 과정을 거쳐 만들어집니다. 위 과정을 모두 거칠 수 있다면 좋겠지만, 저와 @segyepark 님 둘 다 직장인이고 여가시간을 이용해서 스팀샵을 만들고 있다보니 공수를 줄이는게 중요했습니다. 그래서 디자인, 퍼블리싱 작업분량을 최대한 줄일 수 있도록 **부트스트랩 테마(Bootstrap Theme)**를 이용하게 되었습니다. 테마를 이용해도 쇼핑몰의 경우엔 일반 웹사이트보다 기능이 훨씬 많아서 앞으로 약 2달 정도 작업기간이 필요할 것 같습니다. 물론 작업기간 동안은 현재 스팀샵을 이용하면 되니까요! 그리하여 가장 깔끔한 부트스트랩 테마를 골라 지난번 보여드린 로고와 그래픽을 적용해보았습니다.

Main Page | 메인페이지

![01_main_page_2.png](https://cdn.steemitimages.com/DQmVFS9ABJrFoZsMV3PuvUwti6Ymmyv5Rxn52qwSacmkuvC/01_main_page_2.png) >**메인페이지** 메인페이지 입니다. 1번 영역은 이벤트 배너가 될 것 같고, 2,3번 영역은 아직 정의하지는 않았지만 판매율 같은 기준에 의해 디스플레이 하는 영역이 될 것 같습니다. 예시 이미지에 쓰인 이미지는 스팀샵 입점된 상품들입니다.

Detail Page | 상세페이지

![02_detail_page.png](https://cdn.steemitimages.com/DQmeKRbxLu6zjW5h6xkgQvsGAPr412izEEE6dGJS72Mdefy/02_detail_page.png) >**상세페이지** 이제 상세페이지에서 여러개의 이미지를 한 번에 보여줄 수 있습니다. 또 일반 쇼핑몰처럼 한 상품에 여러개 옵션을 넣을 수 있습니다.

Shopping cart | 장바구니

![03_cart.png](https://cdn.steemitimages.com/DQmZPEKg5KHQQRuBcteuCw62K2Ui5Di6qvLv7g5zRLfjxMJ/03_cart.png) >**장바구니** 개발이 완료되면 좀 더 개선된 장바구니를 이용하실 수 있습니다.

다음 포스팅은 '셀러 지원용 대문이미지 템플릿'

완성된 스팀샵을 누구보다 빨리 선보이고 싶은데요, 위에서 말씀드린바와 같이 여가시간을 이용해서 작업하다보니 약 2달 후에 기능구현이 완성된 새 사이트를 선보일 수 있을 것 같습니다. 세계님이 개발 구현 하시는 동안 저는 셀러지원을 위한 디자인 개발과 굿즈개발과 같은 일을 하게 될 것 같습니다. **다음글에서는 스팀샵 판매자들의 판매를 돕고자 ‘홍보용 대문이미지 템플릿'을 제작해 배포할 예정입니다.** >*스팀샵에 건의하고 싶으신 내용이 있으시면 언제든 @segyepark 님 또는 제 글에 댓글 달아주시거나 스팀챗 주세요. >*예시이미지에 쓰인 상품이미지는 모두 현재 [스팀샵](https://tool.steem.world/Post/BestFriendPosts)에서 구매가능합니다.
---- 지난 글 [01_Steemshop Logo design | 스팀샵 로고 디자인](https://steemit.com/kr/@kyunga/steemshop-design) ![Footer_kyunga.png](https://cdn.steemitimages.com/DQme868Q1Na2hqPYALgDhDn1Q4ke5kwuUEPZvhtbMghqSzN/Footer_kyunga.png)

studygroup