Les Maisons du Périgord
Design preview · apartment pages
Let the photos walk guests in
Three ways to make the apartment pages feel cinematic, plus two small extras, all live below with real photos of Abbaye, Toscane, Studio Cinema and the Duplex. Click, hover and swipe to try them. This preview shows the look and feel only: booking and prices don't work here, and nothing on the live site has changed.
Option 1
Opening shot
RecommendedThe apartment page opens on a slow push-in across its best photos, crossfading every six seconds while the name fades up, like the first shot of a film. Here: the living room, dining room, kitchen, a bedroom, and the view over the Vézère.
- Where
- Top of every apartment page
- Phones
- Same effect, full screen
- Reduced motion
- Photos crossfade without moving
Appartement Abbaye
6 personnes · 80 m² · 3 chambres
Option 2
Full-screen photos
RecommendedTap any photo and it grows from its thumbnail to full screen, with arrows, swiping and a strip of thumbnails; the photo on screen drifts very slowly. On the live site today, clicking a gallery photo does nothing.
- Where
- Gallery on every apartment page
- Phones
- Swipe left and right between photos
- Reduced motion
- Opens and changes photos with a simple fade
Option 4, scroll reveal, is on these tiles too: scroll back up past the grid and they rise into place.
Option 3
Zoom into the room
RecommendedPick an apartment from the list: its photo expands into the top of its page as the page opens, and going back reverses it. It makes moving around the site feel like stepping from room to room.
- Where
- Apartments list → apartment page
- Older browsers
- The page simply changes, as today
- Reduced motion
- No zoom
Option 5, living cards: hover a card before clicking and its photo drifts slowly (computers only).
Recommendation
Build 1, 2 and 3, and include 4 and 5
Options 1 to 3 are what make the site feel cinematic, and option 2 also fixes gallery photos that can't be opened today. Options 4 and 5 are small extras that cost little. Every effect stays still for visitors who've asked their device for reduced motion, and none of them depends on where the photos end up being hosted.
| Effect | Where | On phones | Reduced motion | Effort |
|---|---|---|---|---|
| 1Opening shot | Top of each apartment page | Same, full screen | Crossfade only | Small |
| 2Full-screen photos | Apartment gallery | Swipe between photos | Simple fade | Medium |
| 3Zoom into the room | List → apartment page | Same | Normal page change | Small |
| 4Scroll reveal | Gallery and sections | Same | Off | Small |
| 5Living cards | Apartments list | Not on touch screens | Off | Small |