Checkout Pages (new url: pages.xyz/type/checkout)

Curated directory of the best checkout pages

4 followers

Curated directory of the best checkout pages

4 followers

Visit website

Design inspiration websites

•

Ecommerce platforms

Checkout Pages (new url: pages.xyz/type/checkout) gallery image

Launch tags:Design Tools•User Experience•Tech

Launch Team

AWS Activate CreditsCredits that fuel your startup’s next milestone

Promoted

Great, I like every aggregation of things like this. Though can you please get rid of this infinite scroll thing? There is no way to keep track where you are and no way to save your position as there is also no way to get a feel for how much is still to go. I usually follow a pretty excessive research routine and if I see no end it becomes even more exhausting. Infinite scroll is not necessary here as we're not in a mental frame of entertainment consumption where a footprinted structure would constitute friction. It is either used for research purposes or ffs, but both do not benefit from not knowing more structural data i.e. number of pages to go and where you are etc.

Report

10yr ago

@tchret It is actually not a better solution in terms of research. It's too small then to be able to assess the design's value to decide if it is worth to be picked out in a tab. And there still is no way to tell where I am. If I close the tab, my position is lost without a footprint hash.

Report

10yr ago

@tchret Stay put with infinite scroll but use history.pushState and URL identifiers to create a shareable URL and also make it obvious where the user is in his search journey. Add a visual identifier right next to the item list. Like discourse does it very well. Do you know the discourse forum? It is a great forum software with exceptionally well crafted UX patterns. One of it is their approach to a modern dynamically lazy loaded posts pagination. In this gif you see someone scrolling through posts of a forum thread.

Or play with it by yourself in the New Relic forum: https://discuss.newrelic.com/ or here a bigger thread: https://discuss.newrelic.com/t/a... Alternative the "load more + lazy load approach": Load 10-20 (or whatever you deem as performant) pages on the initial page load and then lazy load another 10-20 until you reach a threshold that makes sense to show a "Load more" button (maybe 50 - regarding the size of the pictures, after 50 posts the scroll-bar might already be pretty huge, which screams for a reload and new URL). Succeeding the "load more" event, repeat the same procedure until hitting the same threshold again. With using a "load more" button you can easier make use of history.pushState and identify each "load more" stack with a hash/slug in the URL making it accessible, shareable and also allows access to use a back button straight to the point of the last action taken by the user. Though, you need to make sure that the back button behaviour pushes the user back to the last item of the last product list. History.js (https://github.com/browserstate/...) uses an approach that is already SEO friendly complying to Google's infinite scroll guidelines. For GA purposes use _trackPageView to track the history.pushState actions. Not sure about this: http://infiniteajaxscroll.com/ yet it seems to add pagination as a fallback method and a pushstate history with URL identifiers. (you do not need to buy a licence - just push the download button, there is no request prompt) Or simply use an old-school pagination and get rid of the fancy stuff. :D PS: For the developer instincts, here is an interesting talk about how Quartz built their dynamic loading platform https://vip.wordpress.com/2014/0...

Report

10yr ago

Mailflow

I have often been searching for something like this! Have you considered adding some kind of filter functionality to only display a certain type of businesses? As of right now I'm looking for inspiration on b2b SaaS checkouts.

Report

10yr ago

VC Puzzle

@tchret I like the little Checkout is on Product Hunt pop out on your site, don't you want to link people directly to your product?

Report

10yr ago

VC Puzzle

@tchret 👍💫

Report

10yr ago

awesome as usual, plus no more tumblr! I can see now u have full control of the layouts :D so this is custom made react+rails cms?

Report

10yr ago

@tchret aahh smart :)

Report

10yr ago

Well, It will be my must to check website before start building landing page @tchret. I have some thoughts here: 1. Write some cool article about "Checklist for creating the ultimate Landing page" and use your screen resources. [ At least, short intro and curate well written existed high quality articles about this topic] 2. Make some simple page about "have to consider" checklist to build landing page that converts (todolist experience) I sow you have different domain names for different Landing page parts. 3. Personalization is great thing. Sometimes when I am researching "analogs", I want to screen some pages and sort them somewhere before I will start to design. Where ? I don't know good experience here, its still pain point. I am talking about private space with simple feature to capture pages and/or crop some part of full pages. I and I think some people will pay for that experience if you integrate that kinda feature on your platform and you will get small pain killer startup . Best,

Report

10yr ago

eAngel

This looks like a really cool website for people who have an online business. Love the UI/UX Thanks @tchret

Report

10yr ago

This is fantastic-- so many of us non dev people like me can really learn from this and put out something that's actually user friendly. So many I've seen are just poorly designed that the customer does not know what to do and abandons their cart. This is one strong step to help lessen that issue.

Report

10yr ago

1 2 3 4

Pros

Cons

Reviews