Stripe Dashboard for iPhone

by krithix • 11 years ago

158 94 11 years ago

pen2l2• 11 years ago

Someone should write a blog with articles like "how to recreate Stripe landing page $X"

bhartzer• 11 years ago

I'm not sure about wanting to see payment data on the lock screen. Looks like it includes a payment amount and an email address. Isn't that borderline privacy issue? I wouldn't necessarily want my email address displaying on people's lock screens. Or am I just being paranoid?

dangrossman2• 11 years ago

All shopping cart software I know of sends the store owner an e-mail about each purchase with the customer's e-mail and payment amount. E-mail already appears on my lock screen.

s_dev2• 11 years ago

It's definitely not a privacy issue but perhaps a security one. I know I wouldn't care myself using it but I would be aware that a lot of people would. I'm developing another login screen here today and part of me is wondering why we secure passwords on single user devices like the iPhones but not necessarily tablets/laptops which can often hook up to external monitors or projectors. I think the iPhone security constraints can be a little more lacking than tablets and laptops in this way because they're a little more intimate. Texts messages already show up in lock screen too and texts are considered private by most people.

michaelschade• 11 years ago

The notifications are all optional: you can opt into daily summary, new payments, and new customer notifications in the app settings.

joshmn• 11 years ago

I said this last time and I'll say it again: Stripe's front-end team makes beautiful, beautiful things.

s_dev2• 11 years ago

Even the text shimmer on the "slide across" was done well. Animations are an excellent way to convey information in a digital medium and Stipe make good use of them.

brendanr• 11 years ago

nice design, but i wonder if their design team has any non-retina machines? the anti-aliasing in the tilted phone UI is pretty bad in Chrome on a non-retina display.

scott_karana• 11 years ago

Ditto with Firefox 38.0.5 on OS X 10.10.3.

First time I've had any disappointment in a Stripe design. Their stuff has been solid.

biot• 11 years ago

Chrome on iPad in landscape shows the phone, non-tilted, with just a black screen. I had to check the screenshot someone else posted to see what it should look like. In portrait, the phone is tilted but still nothing displays on the phone.

benjamindc3• 11 years ago

It's actually an implementation issue and yes, I agree it's unfortunate. The problem is that the video is rotated in 3D in CSS (so we can reuse the same video without the fancy 3D effect on smaller displays since the page is vertically responsive) and unfortunately, the result varies depending on the browser (it looks much better on Safari, for example).

psychometry4• 11 years ago

The Stripe web dashboard is nice, but it's completely unresponsive. Why are they developing native apps instead of making their main product mobile-friendly?

pc862• 11 years ago

Serious question: If they have fully functional native apps why do they need a fully responsive mobile web client?

usaphp2• 11 years ago

I hate responsive websites, I prefer to use a full sized version on my phone. Most of "responsive" websites hide vital functions from a smartphone user, I hate that.

geuis• 11 years ago

Not sure if the Stripe guys will see this.

Your layout is really broken in landscape on iOS.

conorgdaly2• 11 years ago

I think they may need to revisit the color scheme. Lead in text on left is pretty faint:

http://i.imgur.com/QNpr5rS.png

FF 38 on Windows

conorgdaly2• 11 years ago

Reloading page seems to have corrected issue:

http://i.imgur.com/haJzllG.png

edit:Seems to have been related to background loading (opening link in new background tab and then not clicking in to it until after it had fully loaded)

stanmancan2• 11 years ago

Strange, I can't seem to find this in the app store on my phone. I live in Canada.

cobychapple• 11 years ago

Ditto here in the UK.

akramhussein2• 11 years ago

For UK - I used the link via the site and it opened up in the App Store.

krithix• 11 years ago

(I work at Stripe.) Seems like the App Store takes a bit of time to refresh everywhere. Check back in a few hours, and if you still don't find it, please let me know!

free2rhyme214• 11 years ago

Great front end!

metafunctor• 11 years ago

Same (Finland). I ended up downloading the app in iTunes on my Mac, then found it under "my purchases" on the phone.

joseacta• 11 years ago

Try the direct link from the website. It'll work.

stanmancan2• 11 years ago

Yeah unfortunately I'm at work right now so no iTunes. I'll check back later or wait until I get home.

adriancooney• 11 years ago

I never have used a Stripe product (although always wanted to) nor will I have any need to in the near future but I will always click a new product announcement from them. They are just so beautiful and consistently so. Sometimes I feel like the design takes over the actual product announcement too. The discussion on HN is usually about how great their designers are. Anyway, this looks like another great, polished product from Stripe. They are unstoppable.

pc862• 11 years ago

Exact same for myself, even if the design is very broken in FF Dev Edition.[0]

[0] http://i.imgur.com/CRAl9h4.png

psychometry4• 11 years ago

Works fine for me. Must be your setup/extensions.

urda• 11 years ago

Can't reproduce, must be your client.

onlyfortoday22• 11 years ago

nope broken for me too

http://imgur.com/m93jmOU

jszymborski• 11 years ago

not really something you can complain about in a nightly browser. Looks fine in FF38.0 Ubuntu.

kzhahou• 11 years ago

Much of Stripe's success is due to the usability of their product, so it's not a surprise to see that level of quality in their landing pages.

Wow, Paypal, this is your UI:

http://shots.jotform.com/elton/jotform-10-26-2013-19-19-31.p...

NeutronBoy• 11 years ago

What's wrong with this? The boxes aren't rounded? It uses a boring font that's already installed on my computer?

It's laid out logically. You can tab between form elements. It's clear what each field is about. It's not squashed together, it's not spread out too much.

developer12• 11 years ago

I'm also not a Stripe customer, but back when I went to check out how it worked, the most impressive thing was being able to skip the sign up and jump directly into a usable product. Spend some time setting up your account. If you like what you see, and only then, provide your email and password to create the account (of course keeping everything you've set up).

It's such a simple thing to do on the backend, and yet I'd never seen this before. So simple to implement, but gives an amazing first impression.

robertnealan• 11 years ago

Anybody have any idea what animation library they're using? Doesn't look to be CSS transitions and all their JS is compressed (rightfully so).

benjamindc3• 11 years ago

I've actually created an animation library based on my work for this page: https://github.com/bendc/animateplus

akramhussein2• 11 years ago

Benjamin, really like uilang.js. Do you happen to know what animation libraries are being used for iOS or at least if they are custom?

moeamaya• 11 years ago

The library is concise and easy to reason about. Did you pull this out of the Bitcoin landing page?

I just started using the lib for a client last week and I love the syntax. The code is starting to get a little unwieldy, how do you structure your animations typically?

Axsuul2• 11 years ago

It's CSS transitions that are being injected by JavaScript it looks like.

  window.requestAnimationFrame(function(){return e.css("transform","translateX("+m+"px)")

Furthermore, it looks like this landing page was built with Rails!

colinbartlett• 11 years ago

Looks great! It was only a matter of time.

I feel bad for all those third-party apps on the AppStore that probably do the same thing. They filled a niche before Stripe could build their own solution but now, will they just fade away to obscurity?

twakefield2• 11 years ago

If you search for "Stripe" in the iphone app store it is nowhere to be found. Among the results that do appear are "LoL Camera", "Fruit Shake", "Color Lines Free". Apple really needs to improve their app store search.

SG-• 11 years ago

If it just hit the app store then it's probably not even released in all the countries or showing up in searches yet.

bobsky• 11 years ago

As always, product page announcements are gorgeous. But does anyone feel the web dashboard is severely limiting? For example, getting simple graphs like YTD, Last Month, This Quarter... etc currently it's all manual http://cl.ly/image/0y1I0Y1X450D

And ditto on simple KPIs/analytics e.g. % increase of new users this week vs last, ARPU, Q/Q... I know there are 3rd party services that focus solely on this but it just seems like such an easy add; am I missing it somewhere in dashboard or is this really not a priority?

pc• 11 years ago

Watch this space!

Or, really, watch the dashboard.stripe.com space. Though we'll post it here too.

artursapek• 11 years ago

I was using the dashboard last night and felt certain that you guys must have some kind of overhaul in progress. Looking forward to being surprised by it one of these days.

toomuchtodo• 11 years ago

Very exciting Patrick!

_kyran• 11 years ago

any chance of posting a screenshot of what's to come?

twakefield2• 11 years ago

The one chart I wish Stripe would put in their standard dashboard is charges month to date vs. previous month to date. It's arguably the most important metric for SaaS. I always have two browser tabs open to measure this.

Edit: Looks there is some exiting stuff coming from PC's comment. Looking forward to it.

Axsuul2• 11 years ago

That landing page is effin' mesmerizing. I think they just set a new standard here.

acoleman616• 11 years ago

How convenient, since I just started using Stripe this past week :) Control -- the app I had been using -- seemed great, but I have to imagine this will trump, especially considering the amount of polish and attention to detail goes into every Stripe interface.

jdkanani• 11 years ago

I would definitely want to know how they create any announcement page. I mean, a whole process - brainstorming, designs (and tools) and UI.

alooPotato• 11 years ago

If any of the Stripe iOS engineers are here, just wondering what your rationale was for using a card based layout for the app? The alternative being the standard nav stack. Serious question.

Your card layout sure is beautiful and the animation is nice but how did you decide it was worth it given some of it drawbacks (users used to the standard nav stack, less screen real estate for content, etc).

illicium• 11 years ago

The design seems to be taking a leaf from Material Design, e.g. the item selection "splash"

riobard• 11 years ago

Cannot sign in the app after installing. No error messages. Nothing happened after clicking the Sign In button.

We've been using Stripe for a little more than half a year now. While the product and design is top-notch, the reliability of the service and speed of bug fixes could really use some work.

michaelvillar2• 11 years ago

Interesting, can you email me details (email you're trying / account) at mv@stripe.com? Would appreciate it!

bgentry• 11 years ago

The perspective transform on the video really makes it look bad. Jaggies on the thin lines and text and tough to read. It's worse in Chrome than Safari, but still bad in either case: https://pbs.twimg.com/media/CHE07a-XIAARlY4.png:large

It detracts from an otherwise gorgeous page.

frankdenbow• 11 years ago

Wonder how this affects apps like Control that were built to service this purpose. Whats Stripe's stance on that? Also, is Android in the works?

jaredtking• 11 years ago

I'm curious how this affects other services as well. Control announced today that they raised $1.5M. [1]

[1] https://twitter.com/GetControlApp/status/608355729725091841

cristinacordova• 11 years ago

(I work at Stripe)

Control provides a number of services (business intelligence, analytics reporting, etc.) in addition to mobile apps to view your Stripe account details. We let Control know we were planning to build an iOS app in September of 2014 and we plan to continue to work with and support their efforts to build on top of Stripe's platform.

More broadly, we want to balance being good ecosystem stewards with building the best product for our businesses. Occasionally, what we do will overlap with what others are building. When that happens, we'll try to give as much notice as possible.

If you have any questions about this, please drop me a line (cristina@stripe.com). We want to ensure we're building out the Stripe ecosystem to make our partners successful.

usaphp2• 11 years ago

I wonder how much of Stripe success is due to their gorgeous UIs and overall design, I hate when people say "Design is nothing, content is what matters..." and I love when companies like Apple and Stripe demolish these stereotypes. Design is AS important as content, great content & features will be unnoticed if they are buried under outdated and unfriendly UI design.

serve_yay• 11 years ago

I don't use Stripe and have no reason to, but a) that demo of the UI on the page is fantastic, and b) if that's what the UI is actually like, it also looks fantastic. (I mean, it looks like it works in a way which is fantastic. And visually it looks good too.) Good on 'em.

dkrich• 11 years ago

I think this confuses causality to an extent. Aesthetic design has to be a natural extension of the underlying product.

A beautiful website for Porsche/Apple/Stripe and other highly-regarded products inspire confidence.

Apply this same design to Dell's website and people won't take it seriously.

In my recollection, Stripe's focus on aesthetic design didn't begin until the core problem of simple credit card processing for developers had been solved. Once they gained trust with their customers as a brilliantly-engineered product, beautifully-designed UI's followed.

blub• 11 years ago

Not sure you mean the app or in general, but I opened this webpage in landscape mode on an iOS device and it looks comically broken, with overlapping elements, text that can't be read and so on.

I'd rather have a website that works and doesn't have a gorgeous UI. Sure, ideally we could have both, but these modern web UIs are quite unreliable in my experience.

Lawtonfogle2• 11 years ago

"Design is nothing, content is what matters..."

If this were true, we wouldn't need to be constantly reminding people to not judge a book by its cover. That said, great novels have been judged so by their content, not their cover. So it seems that the whole of it is more complicated than any part.

Maybe something like: It must look good to get attention. It must be good to keep it. But if something that looks better comes along, it will steal attention, at which point you can only recover it if you remain better.

But that doesn't make a snazzy saying.

amelius• 11 years ago

I hate when people say "Design is nothing, content is what matters..."

Design is absolutely essential... but only if everybody else is doing it.

(In that sense, it is a bit like advertising.)

Design and advertising are distorting the free market. We cannot see if one product is better than the other by looking at its design. We can only conclude that one company has put more effort into the design of a product, than another company and from there we often end up with the fallacy of concluding that one product must be better than another.

However, advertising and design nowadays only show that one company has bigger pockets. Or, in other words, money is spoiling (through design and advertising) the evolutionary properties (in terms of quality) of the free market.

rtpg• 11 years ago

woah woah woah, let's step back a second.

From the moment that you acknowledge that red text on a blue background is hard to read and makes a product genuinely worse, you must acknowledge that the design of a product is a legitimate part of a product.

Design and usability go hand in hand, and _of course_ a product's usability is a genuine part of the feature matrix of products. Sure, some design differentiation is "marketing" , but you also have designs that genuinely make a product better/worse.

akg_67• 11 years ago

I don't believe gorgeous or ugly UI came into consideration when we switched payment system for my SaaS to Stripe. Our main consideration were ease of integration, payments transfers from Stripe to our Bank, and User payment dispute resolution. I doubt it we ever check Stripe dashboard and use Stripe App since the integration. Only time we go look at anything on Stripe site is when we need look up something new we are trying to integrate or user payment related issues. I would love to know how Stripe users are using the dashboard and other UI oriented stuff beyond APIs. What values do these thing add to users' business.

developer12• 11 years ago

However, the things you love about Stripe - like its ease of integration - likely come from the same dedication to quality and user experience that went into the design. Amazing UIs are often an indication of a well-thought out product in which a lot of time went into all the details, including UI and functionality.

A product that cuts short on presenting a polished product on the outside, may very well have the same ugliness to its internal components.

Or, as sometimes happens, 90% of the effort went into the design, and the product itself is crap. That happens too. ;)

sinzone• 11 years ago

They are good at Design as a whole. Engineering Design, Marketing Design, Interface Design, etc.

The whole thing is beautiful, from the low level of Go, up to the CSS.. it's not just a nice cover on top (like many other products)

applecore• 11 years ago

This is the handicap principle[1] in action. Exceptional design is a reliable and costly signal, so consumers can trust the companies that exhibit it.

[1] http://en.wikipedia.org/wiki/Handicap_principle

saanvik• 11 years ago

No, design is not as important as content.

If the Stripe app was well designed, but did not provide the user enough information to accomplish his or her goal, it would be useless.

The opposite is not true. You can have a poor design that can still be useful if the content is valuable.

I'm not trying to diminish the import of design, but your claim that they are of equal value is false.

jlukic• 11 years ago

It is really beautiful, but have to say it, the iPhone animation is just an mp4 file. Kudos though to their motion guy.

pen2l2• 11 years ago

What do you mean kudos to their motion guy? Is the iPhone animation not merely just a recorded screencast of the actual app functioning as it does natively? Or have I been had by a ruse -- was the animation made in an animations program?

gkoberger• 11 years ago

When you load the page, the iPhone spins in slightly.

hberg• 11 years ago

Just downloaded and tried the app. This is great for v1.0!

That being said, here's a bug report:

1) There's a typo in the "transfer details" card where it lists "adjustements"

2) Bitcoin payments don't show any info about the bitcoin transaction (or the fact that it's a bitcoin payment) in the payment details card.

3) The "payment details" card cuts off longer descriptions after about 30 characters

4) it would be nice to see logs via the app to track errors "on the go".

michaelvillar2• 11 years ago

Thanks for the feedback! Totally on point!

enos_feedler• 11 years ago

Does this app provide a native onboarding flow if I want to use Stripe Connect in my iOS app? This would be great for mobile-only applications that provide payment functionality.

onlyfortoday22• 11 years ago

text unreadable in firefox 38

http://imgur.com/m93jmOU

nodesocket• 11 years ago

Awesome, the mobile app Stripe has needed for years is finally here. I'm most excited about push notifications (new customers, charges), and a quick overview of transactions on the go. There have been entire companies (successfully) built on just sending Stripe notifications, now it is native in a mobile app.

erichurkman• 11 years ago

Getting greedy: when can I sign into more than one Stripe account at once?

The app is great. Integrated right with 1password as well, and when I went to Authy to copy my MFA token, it auto-pasted it when I returned to the Stripe app. Normally signing in with MFA is a pain, but this was super great!

nfm• 11 years ago

This is unlike Stripe but this landing page is totally broken in Chrome and Firefox on Android for me: https://www.dropbox.com/s/axl4ogngkmdtc83/Screenshot_2015-06...

halayli• 11 years ago

I wish they revamp their existing web dashboard because it's poorly done.

Features I'd expect from the dashboard at the very least:

1. Number of new customers per interval.

2. Subscription renewals per month.

3. Total income per month stacked by subscription type.

Unfortunately none of these basic features are available.

dangrossman2• 11 years ago

It'd be nice to have that in-house, but for now, Baremetrics gives you that kind of thing: https://baremetrics.com/

aymeric• 11 years ago

Or http://profitwell.com (it is free and gives me better metrics)

fideloper• 11 years ago

I also love that they support ios 7. We haven't all updated :D

controlHQ• 11 years ago

Hi I am Kathryn! I am the founder of Control , a Stripe partner, and the company referenced in this thread.

First off, I would like to point out an obvious fact : this is my first post ever on HN. I have observed /admired all of the great discussions on HN for years and have never felt as though I have had anything useful to contribute (or maybe I was a bit intimidated :) However, a couple people messaged me about the thread that has been materializing here- so here I am! I hope I can add an interesting or insightful perspective.

Yes, Control has an iOS dashboard for Stripe merchants. And an Android app. And a web app , and we have an iWatch app in development. We have a number of areas where we are building out a set of capabilities for businesses to manage their payments better. In fact, we have a number of really cool ideas in our pipeline I think anybody who manages payments will find very , very interesting. Contact me to see our roadmap !

I have known that Stripe was building an iOS app for months (as Cristina pointed out , since September 2014) and I believe this is great! I think a free app for Stripe customers looking for very simple functionality is a smart move by Stripe. And the design is sensational, well done!

At Control, we are focused on building out many more capabilities that I believe businesses will find valuable . For example (just to give a flavor of our thinking):

- Real time alerts on transactional behavior indicative of potential fraud occurring - Expanded CRM tools in iOs, Android, and web - The ability to manage Stripe, PayPal , Dwolla, and more from 1 app

We have a number of payment platforms in our radar we want to build business apps around (we already support Paymill in Europe and nearly done integrations to PayPal, Conekta and PIN Payments). However, Control deliberately built around Stripe first because:

a. Stripe/Cristina has supported our business model from Day 1 and b. I truly believe Stripe's approach is the most significant innovation to happen in the payments industry in the last 10 years, because of their philosophy of opening their APIs to the broader developer /app ecosystem. We love Stripe and we love being able to add value to their customers

We are proud to be a Stripe partner and hope to continue growing and innovating alongside with them.

I should point out that one of our investors /advisors is the Hootsuite CEO, Ryan Holmes. The best advice Ryan gave me was not too worry too much about the prospect of Stripe releasing a free app, but to keep innovating and building distinctive value. Hootsuite's business wasn't materially impacted when Twitter launched their free app . I think this is a good analogy of our position.

PinPayments• 11 years ago

Hey Kathryn, Zac from Pin Payments here. Stoked to hear you're working on supporting us! Do reach out if we can help with anything at all. (It's our first post here too ;)

psteinweber• 11 years ago

Nice, I've been secretly waiting for this, also because I knew that the design and usability would be convincing. Stripe delivers once again.

However I will have to stick to a third part competitor[1] for a while, until the following features are implemented (I imagine they are on the roadlist):

1. Some sort of app protection, e.g. a pin code 2. Multi account login

[1] http://paidhq.com/

Stripe Dashboard for iPhone

Related Stories