create account

개발하면서 와이어프레임 겸 스토리보드를 작성해보았습니다. by wooklym

View this thread on: hive.blog |  peakd.com |  ecency.com
kr · @wooklym · (edited)
$2.89
개발하면서 와이어프레임 겸 스토리보드를 작성해보았습니다.
<center>![PiggyBit Logo](https://steemitimages.com/DQmUkuWePjgGRtnaetQoMpQXYiU7zn8zvNTHzKEmxnQ1sDT/favicon-image.png)</center>

안녕하세요! **[PiggyBit](https://piggybit.io/)** 서비스를 개발중인 허성욱입니다.

일반 사용자들도 암호화폐관련 투자(ICO, 차익거래, 인덱스펀드 등)에 쉽게 참여할 수 있는 플랫폼을 만들고 있습니다.

[이 전 글](https://steemit.com/piggybit/@wooklym/4qrhpf)에서 제가 저희 팀이 피기빗을 만들기 시작한 경위를 공유하고 앞으로 종종 개발 진행 상황을 공유하겠다고 말씀드렸었는데요, 앱 디자인을 위해 그려본 와이어프레임을 공유해봅니다.

먼저 전체 페이지들을 요약하고, 각 탭에 들어갈 페이지들을 그려보았습니다.

**[전체 페이지 요약]**
![IMG_1752.JPG](https://steemitimages.com/DQmVf6engny2kKMGH9qFWmT1hpmRzhtcS2N5YNpCr4YQVwd/IMG_1752.JPG)

**[Home]**
![l4zWYSqETieJPpz31A4C8g.jpg](https://steemitimages.com/DQmbnKhnrx9XZYF7ZRf2NTquGQtKJXqxT1ThWAfnthNqXE2/l4zWYSqETieJPpz31A4C8g.jpg)

**[Wallet]**
![bh+dBwHMRXa92JGJ7q6pLA.jpg](https://steemitimages.com/DQmRKE1DBMNNbYMWAkokjbnczQKz4AQGnz4cEF6oCw9Rfnh/bh%2BdBwHMRXa92JGJ7q6pLA.jpg)

**[My Investments]**
![fullsizeoutput_9ea.jpeg](https://steemitimages.com/DQmeu4LPKQB1Vtma41iGEFjpWXNbA9oE1zmkjfcQGRJ3uAJ/fullsizeoutput_9ea.jpeg)

**[Porfile]**
![WTXS9AqrRhCikQVrz2QTgQ.jpg](https://steemitimages.com/DQmZpUa5bwHfcijQR65r3wKfuFwq9k8bq86JrXWiVBK8rbb/WTXS9AqrRhCikQVrz2QTgQ.jpg)


제일 첫 Home탭에 저희가 다루는 여러 상품들이 리스팅되고, 사용자들은 각 암호화폐 지갑에 입금한 코인들을 사용해 상품에 투자할 수 있습니다.

와이어프레임을 제대로 그려본 적이 없어서 좀 부족해보이네요 ㅜ 와이어프레이밍 툴을 사용해보려 했지만 너무 시간이 오래걸릴 것 같아 그냥 손과 펜으로 그렸습니다.. 혹시 개발자가 디자이너 등의 사람들과 간단하게 커뮤니케이션 위해 사용하기 좋은 와이어프레이밍 툴을 아시면 추천부탁드립니다!!

디자인이 나오면, 랜딩페이지(**[PiggyBit](https://piggybit.io/)**)의 디자인과 콘텐츠도 수정하려 해요. 또한 바로 프로토타입 앱 개발에 들어가려 합니다!.

앞으로도 개발 진행 상황과 참고한 좋은 자료들 열심히 공유하겠습니다~
👍  , , , , , ,
properties (23)
authorwooklym
permlinkpiggybit
categorykr
json_metadata{"tags":["kr-dev","kr","piggybit","cryptocurrency","coinkorea"],"image":["https://steemitimages.com/DQmUkuWePjgGRtnaetQoMpQXYiU7zn8zvNTHzKEmxnQ1sDT/favicon-image.png","https://steemitimages.com/DQmVf6engny2kKMGH9qFWmT1hpmRzhtcS2N5YNpCr4YQVwd/IMG_1752.JPG","https://steemitimages.com/DQmbnKhnrx9XZYF7ZRf2NTquGQtKJXqxT1ThWAfnthNqXE2/l4zWYSqETieJPpz31A4C8g.jpg","https://steemitimages.com/DQmRKE1DBMNNbYMWAkokjbnczQKz4AQGnz4cEF6oCw9Rfnh/bh%2BdBwHMRXa92JGJ7q6pLA.jpg","https://steemitimages.com/DQmeu4LPKQB1Vtma41iGEFjpWXNbA9oE1zmkjfcQGRJ3uAJ/fullsizeoutput_9ea.jpeg","https://steemitimages.com/DQmZpUa5bwHfcijQR65r3wKfuFwq9k8bq86JrXWiVBK8rbb/WTXS9AqrRhCikQVrz2QTgQ.jpg"],"links":["https://piggybit.io/","https://steemit.com/piggybit/@wooklym/4qrhpf"],"app":"steemit/0.1","format":"markdown"}
created2018-02-23 08:59:54
last_update2018-02-23 09:41:12
depth0
children1
last_payout2018-03-02 08:59:54
cashout_time1969-12-31 23:59:59
total_payout_value2.454 HBD
curator_payout_value0.433 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,549
author_reputation1,846,208,114,008
root_title"개발하면서 와이어프레임 겸 스토리보드를 작성해보았습니다."
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id39,818,861
net_rshares519,572,268,726
author_curate_reward""
vote details (7)
@resteemy · 
Congratulations, you were selected for a random upvote! Follow @resteemy and upvote this post to increase your chance of being upvoted again!
Read more about @resteemy [here](https://steemit.com/resteemy/@resteemy/introducting-resteemy).
properties (22)
authorresteemy
permlink20180223t090444935z
categorykr
json_metadata{}
created2018-02-23 09:04:45
last_update2018-02-23 09:04:45
depth1
children0
last_payout2018-03-02 09:04:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length237
author_reputation26,467,584,277
root_title"개발하면서 와이어프레임 겸 스토리보드를 작성해보았습니다."
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id39,819,859
net_rshares0
Help/Feedback