Amateur football club app, fixtures and club shop

by GoodBarber

GoodBarber is a mobile app builder for iOS, Android and PWA. This use case shows an app for an amateur football club: the fixture list, the next match on the home screen, and a product page from the club shop. Every screen here is a stock layout, not a custom design. The fixtures come from the agenda section in its Classic Bullet layout, thumbnails turned off, with a category bar above it to move between Seniors, U19, U15 and Women. The home is a stack of widgets: the next match as a featured cell, then a row from the shop. The product page is the shop's own detail view. The date pill is one element of the design system, and it ships with two sizes. Medium in lists, big in featured cells. Nobody picks between them by hand: the context does, and the type scale moves with the pill, from list-item level to content-title level. Shape, spacing, color and typography come from the design system's semantic roles, which is why the app holds together from the fixture list to the add-to-cart button. One configuration outputs three engines: native iOS (Swift), native Android (Kotlin) and a Progressive Web App. Built with GoodBarber.