Ceramics shop app, from the storefront to the payment sheet

by GoodBarber

GoodBarber is a mobile app builder for iOS, Android and PWA. This use case follows a single purchase from end to end in a handmade ceramics shop: the storefront, the product page, the cart, the payment sheet and the confirmation. The checkout belongs to the app, right up to the system payment sheet. The cart drops the tab bar, keeps the legal line above the fold, and offers two ways out: a full checkout, or Apple Pay straight from the cart. This is the second one. The banner on the storefront offers free shipping over 150 €. This cart stops at 143,00 €, so delivery is charged: 5,90 € for standard delivery, 148,90 € to pay. The threshold and the rate are the shop's own settings, and the cart does the arithmetic in front of the customer rather than at the end. Shape, colour and typography come from the design system's semantic roles, so one configuration outputs three engines: native iOS (Swift), native Android (Kotlin) and a Progressive Web App. The payment sheet is the one screen the system draws instead of the app: it follows the device, and so does its language. Built with GoodBarber. https://www.goodbarber.com