App for a community music school, on iPhone Duo

by GoodBarber

GoodBarber is a mobile app builder for iOS, Android and PWA. This use case puts one app on iPhone Duo: Eastside Music Workshop, a community music school, on both displays, in portrait and in landscape. The layout follows the shape of the window, never the device. Closed in portrait, the home is the one the phone shows, with its tab bar and its shortcuts stacked in a rail by the camera. Open in landscape, the same home spreads out: two columns of notices, four ensembles to a row, nearly three event cards in view. Font sizes and margins are the phone's own: what the width changes is how many cells fit side by side. Held open in portrait, the app puts its bars back above and below the content. The device is drawn from the dimensions in Apple's tech specs. Eastside Music Workshop is a fictional school, created by our design team; the full case study is on our Behance profile. https://www.behance.net/gallery/257043307/Our-apps-on-iPhone-Duo-without-redrawing-a-screen