Preview image. Unlock full-res
Mobile-first app interface for Vienna museum discovery, splitting navigation (left sidebar) and detail panel (right card) with map tiles, museum photos, hours, and location data.
Summary
App interface for browsing museum locations in Vienna, combining a left persistent sidebar menu, center interactive map with location pins and labels, and right detail card showing museum name, photos, address, hours, and description text.
Visual description
Left sidebar (compact navigation menu) lists app sections: Home, Discover, Places, Favorites, Library, Metrics, etc. Center panel: interactive map in muted teal and cream with location marker pins and "Museum Wien" label as selected point; white search bar at top, map controls and zoom buttons integrated at top right. Right panel: detail card (rounded corner, white background) showing "Kunsthistorisches Museum Wien", star rating (5.0), four thumb images of interiors and architecture, address, phone, website link, hours (Everyday 10:00am - 6:00pm), expandable description text, and footer tags (Tourist attraction, Art museum, Historical landmark, Cultural Institution). All text in black sans-serif on white or light backgrounds. Color palette primarily neutral (white, grays, cream, soft teal) with occasional navy accents on buttons. Clean, organized two-column responsive layout designed for scanning and selection flow.
Key takeaway
The detail card pattern that organizes contact data (photos, address, phone, hours, links) into a scannable vertical stack rather than scattered fields. The persistent sidebar allowing navigation without closing the current place detail. Muted color background for the map makes location markers pop without high contrast.
Reuse notes
Strong template for travel, local-discovery, and point-of-interest apps. Sidebar + map + detail-card model scales from mobile to tablet. Use with mapping services (Google Maps, Mapbox) and actual business/location APIs. A/B test card width and photo count against tap density and scroll load.
