[Steem shop - Website Preview] 스팀샵 웹사이트 프리뷰

안녕하세요, 스팀샵 두번째 작업기입니다. 오늘은 새로운 스팀샵 웹사이트를 보여드릴께요. 보여드리기전에 우선 작업과정을 말씀드릴까 합니다.

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.

소개에 앞서서

원래 웹사이트 개발은 웹사이트 UX를 설계한 후 > GUI 디자인을하고 > 리소스, 가이드를 전달해서 > 개발구현 > 테스트 후 수정 보완 하는 과정을 거쳐 만들어집니다. 위 과정을 모두 거칠 수 있다면 좋겠지만, 저와 @segyepark 님 둘 다 직장인이고 여가시간을 이용해서 스팀샵을 만들고 있다보니 공수를 줄이는게 중요했습니다. 그래서 디자인, 퍼블리싱 작업분량을 최대한 줄일 수 있도록 부트스트랩 테마(Bootstrap Theme)를 이용하게 되었습니다. 테마를 이용해도 쇼핑몰의 경우엔 일반 웹사이트보다 기능이 훨씬 많아서 앞으로 약 2달 정도 작업기간이 필요할 것 같습니다. 물론 작업기간 동안은 현재 스팀샵을 이용하면 되니까요! 그리하여 가장 깔끔한 부트스트랩 테마를 골라 지난번 보여드린 로고와 그래픽을 적용해보았습니다.

Main Page | 메인페이지

메인페이지
메인페이지 입니다. 1번 영역은 이벤트 배너가 될 것 같고, 2,3번 영역은 아직 정의하지는 않았지만 판매율 같은 기준에 의해 디스플레이 하는 영역이 될 것 같습니다. 예시 이미지에 쓰인 이미지는 스팀샵 입점된 상품들입니다.

Detail Page | 상세페이지

상세페이지
이제 상세페이지에서 여러개의 이미지를 한 번에 보여줄 수 있습니다. 또 일반 쇼핑몰처럼 한 상품에 여러개 옵션을 넣을 수 있습니다.

Shopping cart | 장바구니

장바구니
개발이 완료되면 좀 더 개선된 장바구니를 이용하실 수 있습니다.

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

완성된 스팀샵을 누구보다 빨리 선보이고 싶은데요, 위에서 말씀드린바와 같이 여가시간을 이용해서 작업하다보니 약 2달 후에 기능구현이 완성된 새 사이트를 선보일 수 있을 것 같습니다. 세계님이 개발 구현 하시는 동안 저는 셀러지원을 위한 디자인 개발과 굿즈개발과 같은 일을 하게 될 것 같습니다. 다음글에서는 스팀샵 판매자들의 판매를 돕고자 ‘홍보용 대문이미지 템플릿'을 제작해 배포할 예정입니다.

*스팀샵에 건의하고 싶으신 내용이 있으시면 언제든 @segyepark 님 또는 제 글에 댓글 달아주시거나 스팀챗 주세요.

*예시이미지에 쓰인 상품이미지는 모두 현재 스팀샵에서 구매가능합니다.

지난 글
01_Steemshop Logo design | 스팀샵 로고 디자인