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

in project •  6 years ago  (edited)

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.



소개에 앞서서

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



Main Page | 메인페이지

01_main_page_2.png

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



Detail Page | 상세페이지

02_detail_page.png

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



Shopping cart | 장바구니


03_cart.png

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



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


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

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

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


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

Footer_kyunga.png

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

와 경아님 스팀샵 너무 이뻐요. 대박!

시엔님 반가워요!ㅎㅎ
몇달 후에 멋지게 완성되길 빌어주세요 :-)

고생 많으십니다.경아님.
점점 더 많은 변화를 보이는 것같아서 너무 보기좋습니다^^

아직 갈 길이 멀지만 열심히 해보겠습니다ㅎㅎ
응원 감사합니다!

ㅎㅎㅎ 충분히 잘 하고 계시는 것 같습니다!
화이팅입니다

풀보로 응원합니다!!

감사합니다!!

멋지게 단계 단계 발전해나가는군요~! 화이팅입니다!!

아직 갈 길이 멉니다ㅋㅋ 응원 감사합니다!ㅎㅎ

@kyunga 그래도 멋집니다~~ 스팀샵 화이팅 ㅎㅎㅎ..

정말 훌륭한 작품인듯 합니다.

훌륭한 작품이라고 해주시니 참 감사하지만,
100% 다 제가 디자인한건 아니고, 글에 썼듯이 시간을 줄이기 위해 템플릿을 구매했습니다ㅎㅎ
응원으로 알고 감사히 생각합니다 :-)

캬~~~~ 쇼핑 챠트에 제 팝아트가 ㅎㅎ
어제 올린게 작업에 쓰여 지다니 감솨^^
대박 나게 해주세요!!!~~~

스팀 고래의 꿈.jpg

다음주에 셀러지원용 '대문이미지 템플릿'을 PPT로 공유할까하는데, 홍보에 도움이 되었으면 좋겠습니다!ㅎㅎ

수고 많으셨어용~!

산뜻하네용~ ^^

감사합니다!ㅎㅎ

직장 업무도 바쁘실 텐데! 고생많으십니다~ 상세페이지 깔끔하니 좋네요! ^^

코이님도 직장과 병행하시는거 대단해요ㅎㅎ
요새 템플릿이 잘 나와서 다행히 시간을 좀 줄일 수 있게 되었어요.
응원 감사합니다 :-)

멋지네요! 경아님^^ 고생 많으세요^^

독거님 댓글로 오랜만이네요ㅎ 잘 완성시켜볼께요.
이제 개발이 할 일이 많아서 세계님에게도 응원 해주실꺼죠?ㅎㅎ
안녕히 주무시구요~!

당연하죠!! ㅎㅎ 세계님도 열심히 응원해야줘^^

상품 카테고리 관리도 중요할 듯 해요. 현재는 첫페이지가 상품 등록 순으로 나열되어 있는데, 그것보다는 인기순으로 정렬한다든지. 재고가 다 떨어진 상품의 경우 맨 아래로 내린다든지 하는 부분도 필요할 듯 합니다. :)

그리고 사실 무엇보다 글로벌화 되는게 가장 좋겠죠. 외국인들도 구매할만한 영어 이모티콘이랄지 (사실 이모티콘은 비언어적 표현이니까 언어가 안붙은 움짤 이모티콘은 외국에도 통할 듯 해요~)

세계님 경아님 화이팅!!!!+_+/

의견 감사합니다! 말씀해주신 것들 다 고려하고 있습니다!ㅎㅎ
우선 한국 커뮤니티에 잘 안착하면 글로벌 타겟도 고려해보겠습니다.
디지털 상품은 제일 먼저 시도해볼 수 있겠네요!
솔나무님, 응원 감사합니다 :-)

수고하신 성과가
역력히 보입니다.
감사합니다.

응원 감사합니다!ㅎ 잘 마무리해보겠습니다.

경아씨는 제 친구가 되었습니다. 이렇게 말하는것 맞나요?
디자인감각이 저랑 비슷하신거로 분석됩니다. 깔끔하고 우아하시네요.

처음뵙겠습니다! 처음 보는 스타일의 댓글이라 신선하네요...ㅎㅎ
말씀하신 것처럼 깔끔하고 우아(?)하고 싶습니다ㅋㅋ

오~~ 멋지네요. ^^

나하님 감사합니다ㅎ

로고 디자인도 이쁘고 페이지도 깔끔해서 보기 좋은 것 같습니다 : )

감사합니다ㅎㅎ

디자인이 심플하고 깔끔하게 너무 잘나왔습니다.
부트스트랩한 느낌을 전혀 볼수가 없네요.

마음에 드는 테마를 찾느라 많이 뒤졌습니다ㅋ
부트스트랩한 느낌이라니 신선한 표현이네요ㅋㅋ

이런 분들을 능.력.자 라고 한다..... 아무리 읽어도 저는 잘 모르는 분야라. 그렇구나 그렇구나 우와 예쁘다 하고 갑니다. ^^ ㅋㅋㅋㅋ

문장이 좀 길어졌죠?ㅎ 시간 줄이려고 템플릿을 샀다는 내용이었습니다.
응원 감사합니다ㅎㅎ

아니에요 문장이 길다뇨.. 그냥 제가 모르는 단어들이 나와서 저리 말한 것 뿐입니다. 모르는데 예뻤다. ^^ 이거죠 ~

^_^ 예쁘네요~ 스팀잇의 아마존처럼 대박이 나면 좋겠습니다 ~ 2달동안 물건 준비해봐야겠어요...

그러면 정말 최곤데 말이죠ㅎㅎ
아론님, 보내주신 그림 프린트 하신거죠?
일러스트 프린트 상품도 좋을 것 같아요!!

매우 이쁘네요^^ 스팀샵 로고도 그렇고-😊
저는 상품 이미지나 표의 테두리가 약간 둥근 느낌이 좋던데, 저는 디자이너가 아니니까...😅

감사합니다ㅎ 테두리 라운드값이 큰 걸 좋아하시는군요ㅎㅎ
전 모던한 느낌을 위해서 엣지가 살아있는 템플릿으로 골라봤습니다!ㅎ

워우~ 경아님 손길이 거치니..
스팀샵이 이리 고급지는군요:]

그렇다면 다행이고 감사합니다ㅎㅎ
스팀으로 많은 거래가 일어날 수 있는 온라인샵이 되었으면 해요 :-)

Hi @kyunga!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your UA account score is currently 3.930 which ranks you at #3785 across all Steem accounts.
Your rank has improved 16 places in the last three days (old rank 3801).

In our last Algorithmic Curation Round, consisting of 361 contributions, your post is ranked at #67.

Evaluation of your UA score:
  • You're on the right track, try to gather more followers.
  • The readers like your work!
  • Good user engagement!

Feel free to join our @steem-ua Discord server

허거거걱! 완전 대박입니다.
어쩜 이렇게 멋진가요?
환골탈태네요.

브리님, 템플릿의 도움을 좀 받았습니다!
아직 갈 길이 먼데 응원해주셔서 감사합니다 ㅎㅎ

UI가 잘 정리되서 참 보기 편하게 보입니다^^ 역시 실력자 !!

템플릿의 도움을 좀 받았어요ㅎ 보기 편하다고 하시니 잘 고른것 같네요!
감사합니다ㅎㅎ

멋집니다 역시 ㆍㆍ훌륭해 요 스팀샵이 번창하시길 바랍니다ㆍ 저도 연습해서 상품을 만들도록 노력해야겠습니다 ㅎㅎ

라님 상품도 꼭 입점했으면 좋겠네요!ㅎㅎ
응원 감사합니다 :-)

깔끔하니 넘 좋네요. 고생하셨습니다. 경아님. :)

초코님, 감사합니다!

트렌딩 굿즈에 들어가고싶네요 ㅎㅎ
보기너무좋아요:)

홍보 잘하시면 당연히 될꺼라 생각합니다ㅎ
뽀돌님 감사해요!

역시 전문가의 손길...

템플릿의 도움을 좀 받았습니다ㅋㅋ
다들 좋아해주시니 좋네요! >_<

크크으으으으~~~~ 역시!!

쑥쓰...응원 감사합니다ㅎㅎ

우와 역시 경아님...!!!!

감사해요 수모모님 :-)