Mobile app mockups with portraits

Summary

Four mobile devices arranged as a horizontal sequence alternating between portrait photography and branded app screens, set against a light-purple background to create a cohesive product-marketing hero.

Visual description

Light lavender background with four device mockups in a horizontal row. Leftmost is a woman in a bright blue jacket shown in portrait photography within a mobile frame; second is a black app screen with large white serif text saying "Hi webshop owner!" suggesting an onboarding flow; third is a man in a brown shirt and tan accessory, portrait-framed; rightmost is a bold red-orange mobile interface for JUNI (a payment/fintech app) with white typography. Each device mockup has subtle depth and dimensionality. The alternating pattern of people and screens creates narrative momentum and humanizes the technology. The typography within the app screens is clean, modern sans-serif, while the photography conveys approachability and trust.

Key takeaway

Alternating portraits with app screens keeps a product hero narrative-driven and human. Light-background framing around devices creates breathing room and allows the mockups themselves to command attention. The confident use of a single bright accent color (red-orange for JUNI) draws the eye and signals a clear brand moment. Mixing high-quality photography with polished UI mockups in one sequence suggests a complete user journey.

Reuse notes

Strong pattern for SaaS, fintech, or mobile-app marketing sites where you want to show both the product and the people it serves. Works best on a contrasting, quiet background (like the lavender here) that doesn't compete with the devices. Scale carefully on mobile viewports where the four-item sequence may need to stack. Pairs well with case studies or testimonials below. Avoid overcrowding with additional copy on the same section.