City Architecture Walk Mobile App
Explore iconic buildings through curated walking routes with editorial design
Prompt
Design a mobile home screen for a city architecture walk app.
Goal:
Help users explore iconic buildings in a city through curated walking routes.
Layout:
- Top: city and route selector (e.g., "Barcelona · Modernist Walk").
- Hero map section:
- Stylized mini map with a highlighted walking route.
- Pins for key buildings.
- Below: scrollable list of "Stops":
- Each card: building photo, name, architect, year, distance from current location.
- A small floating button over the map: "Start Walk".
Visual style:
- Background: light warm gray (#F3F3F0).
- Imagery: crisp architectural photography or line-art illustrations.
- Accent color: deep brick red or muted teal.
- Typography: modern editorial (e.g., serif for building names, sans-serif for metadata).
- Use subtle fine lines and borders to reflect architectural precision.
Mood: intelligent, cultured, like a hybrid of a design magazine and a city guide.
Tag
Travel & Transportation
Lifestyle
Case Introduction
A city architecture walk mobile app helping users explore iconic buildings through curated walking routes. This case features a complete architecture exploration experience including home screen, routes, walk navigation, and profile pages, all designed with light warm gray background, deep brick red accents, and modern editorial typography.
More Related Cases
Real-world designs created with Motiff AI across mobile and web platforms
