create account

[SNEAK PREVIEW] Steempay design concept - payment processing by cass

View this thread on: hive.blog |  peakd.com |  ecency.com
steempay · @cass · (edited)
$624.25
[SNEAK PREVIEW] Steempay design concept - payment processing
[![2e30bd3e6b535b13a6170977656f9679.png](https://www.steemimg.com/images/2016/08/16/2e30bd3e6b535b13a6170977656f9679.png)](https://www.steemimg.com/image/lSQH7)

Today i was working on steempay.io design concept. 
**Thanks to @steve-walschot, lead developer behind steempay.io** 
*(currently offline due maintenance)*

I'm trying to support him as best as possible,
this why i was playing around with some GUI ideas
for steempay.io payment screens.


## Payment Processing - dark background  1/2
[![ Payment Processing - dark background  1/2](https://www.steemimg.com/images/2016/08/16/077ce344076b9876ba2918f5eb9a3147.png)](https://www.steemimg.com/image/lSgr1)


## Payment Processing - dark background  2/2
[![Payment Processing - dark background  2/2](https://www.steemimg.com/images/2016/08/16/8f0075167a5e7adf135136cc89a9f2f6.png)](https://www.steemimg.com/image/lSEus)

**edit: added animated `.gif` versions**

## Dark version  .gif animation
![](https://ipfs.pics/ipfs/QmUHD4Awre2gWs4eF5iUN5ToHdv7GCUV41WkmGe3fjk6Pk)

## Payment Processing - light background  1/2
(slighty different progess section)
[![81144b10c2a22d4094985074081c8ebf.png](https://www.steemimg.com/images/2016/08/16/81144b10c2a22d4094985074081c8ebf.png)](https://www.steemimg.com/image/lS7EU)

## Payment Processing - light background  2/2
(slighty different progess section)

[![0a2ae6e1041563f82a42c3b996337aae.png](https://www.steemimg.com/images/2016/08/16/0a2ae6e1041563f82a42c3b996337aae.png)](https://www.steemimg.com/image/lSxqP)

## Light version .gif animation
![](https://ipfs.pics/ipfs/QmZ9UkThhDjzBxMUHvDk8CGVRDuCPrajDkr5CPTCVyFTEH)

I really like the idea of an easy to implement payment option with SBD,
just imagine a wordpress shop plugin etc .. endless possibilities - **holy moly :)**

Let's make it reality !

---

Thanks for your time and (maybe) vote
**stay tuned**

c
πŸ‘  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 168 others
properties (23)
authorcass
permlinksneak-preview-steempay-design-concept-payment-processing
categorysteempay
json_metadata{"tags":["steempay","ui","ux","design","cass"],"users":["steve-walschot"],"image":["https://www.steemimg.com/images/2016/08/16/2e30bd3e6b535b13a6170977656f9679.png"]}
created2016-08-15 23:27:09
last_update2016-08-16 00:15:12
depth0
children22
last_payout2016-09-16 04:40:51
cashout_time1969-12-31 23:59:59
total_payout_value576.523 HBD
curator_payout_value47.724 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,867
author_reputation87,554,098,144,619
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id825,782
net_rshares64,589,597,014,440
author_curate_reward""
vote details (232)
@angusleung100 · 
I'm creating an e-commerce site that allows people to buy website ad-spaces for Steem. Plan to integrate this! Upvoted for good luck!
properties (22)
authorangusleung100
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160815t235939909z
categorysteempay
json_metadata{"tags":["steempay"]}
created2016-08-15 23:59:39
last_update2016-08-15 23:59:39
depth1
children0
last_payout2016-09-16 04:40:51
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_length133
author_reputation1,772,572,876,586
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id826,208
net_rshares0
@caleballen ·
$0.68
Hello! This looks very, *very* interesting. I really like the blue designs on top...but the concept is what has me intrigued. 

I can see Steem becoming the new bitcoin and people using it in cyberspace as regularly as PayPal or "Sign In With Facebook". We've been warmed up enough to the concept of cryptocurrency as a viable tradeable asset - that I think we will see it start to become the norm. Excited about this!
πŸ‘  , , ,
properties (23)
authorcaleballen
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160815t233025000z
categorysteempay
json_metadata{"tags":["steempay"]}
created2016-08-15 23:30:24
last_update2016-08-15 23:30:24
depth1
children2
last_payout2016-09-16 04:40:51
cashout_time1969-12-31 23:59:59
total_payout_value0.525 HBD
curator_payout_value0.154 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length418
author_reputation4,003,243,540,423
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id825,834
net_rshares1,057,782,014,095
author_curate_reward""
vote details (4)
@arwani-wawan · 
good info, thanks @cass
properties (22)
authorarwani-wawan
permlinkre-caleballen-re-cass-sneak-preview-steempay-design-concept-payment-processing-20160815t233925638z
categorysteempay
json_metadata{"tags":["steempay"],"users":["cass"]}
created2016-08-15 23:39:27
last_update2016-08-15 23:39:27
depth2
children0
last_payout2016-09-16 04:40:51
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_length23
author_reputation1,778,169,012,577
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id825,942
net_rshares0
@cass ·
$1.21
exactly!
πŸ‘  
properties (23)
authorcass
permlinkre-caleballen-re-cass-sneak-preview-steempay-design-concept-payment-processing-20160815t233408937z
categorysteempay
json_metadata{"tags":["steempay"]}
created2016-08-15 23:34:09
last_update2016-08-15 23:34:09
depth2
children0
last_payout2016-09-16 04:40:51
cashout_time1969-12-31 23:59:59
total_payout_value1.206 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length8
author_reputation87,554,098,144,619
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id825,885
net_rshares1,442,570,973,020
author_curate_reward""
vote details (1)
@firepower · 
Looks really clean and interesting. I hope you guys get this up and running soon! :)
properties (22)
authorfirepower
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160817t005251732z
categorysteempay
json_metadata{"tags":["steempay"]}
created2016-08-17 00:44:27
last_update2016-08-17 00:44:27
depth1
children0
last_payout2016-09-16 04:40:51
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_length84
author_reputation1,145,868,474,852,473
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id844,525
net_rshares0
@gabbans · 
when i see such ideas, i know, their are great hope for  the future of steemit
properties (22)
authorgabbans
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160815t233855336z
categorysteempay
json_metadata{"tags":["steempay"]}
created2016-08-15 23:38:54
last_update2016-08-15 23:38:54
depth1
children0
last_payout2016-09-16 04:40:51
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_length78
author_reputation434,604,294,457
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id825,932
net_rshares0
@gregory-f · 
Great looking interface. Can't wait to start using it.
properties (22)
authorgregory-f
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160816t004216220z
categorysteempay
json_metadata{"tags":["steempay"]}
created2016-08-16 00:42:15
last_update2016-08-16 00:42:15
depth1
children0
last_payout2016-09-16 04:40:51
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_length54
author_reputation183,278,395,270,299
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id826,683
net_rshares0
@justinschwalm · 
Looks really good, I like the darker blue a lot
properties (22)
authorjustinschwalm
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160816t000301094z
categorysteempay
json_metadata{"tags":["steempay"]}
created2016-08-16 00:02:57
last_update2016-08-16 00:02:57
depth1
children0
last_payout2016-09-16 04:40:51
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_length47
author_reputation369,857,079,901
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id826,250
net_rshares0
@juvyjabian · 
Is this one of the developments that the community will be using in the future?
properties (22)
authorjuvyjabian
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160816t011633040z
categorysteempay
json_metadata{"tags":["steempay"]}
created2016-08-16 00:26:00
last_update2016-08-16 00:26:00
depth1
children0
last_payout2016-09-16 04:40:51
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_length79
author_reputation185,700,092,637,158
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id826,477
net_rshares0
@kajalpats · 
This is honestly a great idea. This can make payment processes easier for users and lessen the chances of scams that the user might bump into. Good work and very sleek design @cass!
πŸ‘  ,
properties (23)
authorkajalpats
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160816t001324022z
categorysteempay
json_metadata{"tags":["steempay"],"users":["cass"]}
created2016-08-16 00:13:21
last_update2016-08-16 00:13:21
depth1
children0
last_payout2016-09-16 04:40:51
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_length181
author_reputation2,634,418,906,947
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id826,349
net_rshares917,638,705
author_curate_reward""
vote details (2)
@kakradetome · 
Sleek design and concept!
πŸ‘  ,
properties (23)
authorkakradetome
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160815t235128963z
categorysteempay
json_metadata{"tags":["steempay"]}
created2016-08-15 23:51:27
last_update2016-08-15 23:51:27
depth1
children0
last_payout2016-09-16 04:40:51
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_length25
author_reputation31,794,084,266,065
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id826,094
net_rshares917,638,705
author_curate_reward""
vote details (2)
@karoline · 
You are UI/DESIGN God!
properties (22)
authorkaroline
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160816t224142142z
categorysteempay
json_metadata{"tags":["steempay"]}
created2016-08-16 22:41:48
last_update2016-08-16 22:41:48
depth1
children0
last_payout2016-09-16 04:40:51
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_length22
author_reputation1,975,952,307,044
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id842,907
net_rshares0
@linkback-bot-v0 · 
<div>  <p>  This post has been linked to from another place on Steem.  </p>  <ul>        <li>      <a href="https://steemit.com/cn/@minfon/steempay-steemit"> steempay.io εΏ«δΈŠδΊ†,  η•«ι’ε°ι²œ </a>      by      <a href="https://steemit.com/@minfon">  @minfon </a>     </li>        <li>      <a href="https://steemit.com/steemit/@steve-walschot/development-update-regarding-steempay-steempayments-or-release-delayed"> Development update regarding Steempay - SteemPayments | Release delayed </a>      by      <a href="https://steemit.com/@steve-walschot">  @steve-walschot </a>     </li>        <li>      <a href="https://steemit.com/steem/@spiz0r/steem-power-top500-movers-and-shakers-3"> Steem Power TOP500 - Movers and shakers #3 </a>      by      <a href="https://steemit.com/@spiz0r">  @spiz0r </a>     </li>      </ul>  <p> Learn more about  <a href="https://steemit.com/steem/@ontofractal/steem-linkback-bot-v0-3-released">    linkback bot v0.3</a>   </p>   <p>Upvote if you want the bot to continue posting linkbacks for your posts. Flag if otherwise.   Built by @ontofractal</p></div>
properties (22)
authorlinkback-bot-v0
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-linkbacks
categorysteempay
json_metadata{}
created2016-09-10 23:08:24
last_update2016-09-10 23:08:24
depth1
children0
last_payout2016-09-16 04:40:51
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_length1,079
author_reputation1,915,954,976,722
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id1,201,920
net_rshares0
@merlinscat · 
Looking good, nice and slick...good luck
πŸ‘  
properties (23)
authormerlinscat
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160816t215310052z
categorysteempay
json_metadata{"tags":["steempay"]}
created2016-08-16 21:53:15
last_update2016-08-16 21:53:15
depth1
children0
last_payout2016-09-16 04:40:51
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_length40
author_reputation5,210,455,476,800
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id842,128
net_rshares22,067,085,872
author_curate_reward""
vote details (1)
@mydomain · 
I also like the dark blue designs.  This will be huge when it starts getting adopted by large ecommerce sites.
properties (22)
authormydomain
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160816t011152653z
categorysteempay
json_metadata{"tags":["steempay"]}
created2016-08-16 01:11:51
last_update2016-08-16 01:11:51
depth1
children0
last_payout2016-09-16 04:40:51
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_length110
author_reputation43,416,618,895
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id827,032
net_rshares0
@omfedor · 
Wow! Pretty nice! :) 
I wonder when we will see this system in action?
Thank you! Upvoted!
properties (22)
authoromfedor
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160816t130015953z
categorysteempay
json_metadata{"tags":["steempay"]}
created2016-08-16 13:00:15
last_update2016-08-16 13:00:15
depth1
children0
last_payout2016-09-16 04:40:51
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_length90
author_reputation21,378,201,043,893
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id833,633
net_rshares0
@rangertx · 
down with Paypal! Up with Steempay! I'm so sick of paypal would love to see a replacement.
properties (22)
authorrangertx
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160816t020140200z
categorysteempay
json_metadata{"tags":["steempay"]}
created2016-08-16 02:01:42
last_update2016-08-16 02:01:42
depth1
children0
last_payout2016-09-16 04:40:51
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_length90
author_reputation33,443,782,173,154
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id827,584
net_rshares0
@romanskv · (edited)
http://i.imgsafe.org/0b3e5f24c4.jpg
I click to generate a link but nothing happens...(

http://i.imgsafe.org/0673da2914.jpg
πŸ‘  
properties (23)
authorromanskv
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160826t212116043z
categorysteempay
json_metadata{"tags":["steempay"],"image":["http://i.imgsafe.org/0b3e5f24c4.jpg"]}
created2016-08-26 21:21:15
last_update2016-08-26 21:26:42
depth1
children0
last_payout2016-09-16 04:40:51
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_length123
author_reputation132,699,975,056,408
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id1,004,310
net_rshares2,544,723,885
author_curate_reward""
vote details (1)
@stealthtrader · 
I can see this used as like a widget..
I hope to see this implemented on the site soon!
properties (22)
authorstealthtrader
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160816t045301531z
categorysteempay
json_metadata{"tags":["steempay"]}
created2016-08-16 04:52:15
last_update2016-08-16 04:52:15
depth1
children0
last_payout2016-09-16 04:40:51
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_length87
author_reputation74,266,337,461,760
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id829,282
net_rshares0
@steve-walschot · (edited)
$0.71
Looking smooth! The UI will be a pleasure  when using steempay ;-)
πŸ‘  , ,
properties (23)
authorsteve-walschot
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160815t232840456z
categorysteempay
json_metadata{"tags":["steempay"]}
created2016-08-15 23:28:42
last_update2016-08-15 23:41:54
depth1
children0
last_payout2016-09-16 04:40:51
cashout_time1969-12-31 23:59:59
total_payout_value0.576 HBD
curator_payout_value0.136 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length66
author_reputation67,732,836,345,004
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id825,807
net_rshares941,082,318,160
author_curate_reward""
vote details (3)
@timmmytimmmy · 
Nice work! Would love to get involved in the design and build out of this, is there any room for collaboration?
properties (22)
authortimmmytimmmy
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160817t040557517z
categorysteempay
json_metadata{"tags":["steempay"]}
created2016-08-17 04:05:57
last_update2016-08-17 04:05:57
depth1
children0
last_payout2016-09-16 04:40:51
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_length111
author_reputation0
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id846,800
net_rshares0
@virtualgrowth · 
Great job & idea!
Looking forward to this for sure.
@cass Keep up the great work! :)
properties (22)
authorvirtualgrowth
permlinkre-cass-sneak-preview-steempay-design-concept-payment-processing-20160815t234415320z
categorysteempay
json_metadata{"tags":["steempay"],"users":["cass"]}
created2016-08-15 23:44:15
last_update2016-08-15 23:44:15
depth1
children0
last_payout2016-09-16 04:40:51
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_length84
author_reputation194,332,334,708,783
root_title"[SNEAK PREVIEW] Steempay design concept - payment processing"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id826,005
net_rshares0
Help/Feedback