165 design references

ERA Residence · changing light and architecture

Reel by Andrew Chornyy

Keep one building in the same spot and change only the light, so a buyer recognizes a single place by day and by night instead of two unrelated pictures.

Visit website · ERA Residence

What to look at

The first screen is one courtyard: a long pool in the center, white blocks, palms, and pink bougainvillea, with circular hotspots on the walls. White words sit in the sky, ERA RESIDENCE and Estepona, then the line “A place,” “by day,” “by night,” “to return to.” The pointer rests on “by night,” the blue sky drops to dusk, and the same pool returns with lit windows, a quieter garden, and “View available apartments” still over the near edge of the water. Book a call and Contact stay in the top right. The scroll then leaves that hero for a pale panel, a wavy line of drive times (Gibraltar 50 min, Estepona 10, Kempinski 5, Puerto Banus 20, Marbella 25, Malaga Airport 45) over moving clouds, magenta flowers crossing the facades, a credit to Schiemann Weyers and OCWA, a set table on a terrace, “Sea views from rooftop terraces,” and a dark footer with the sales phone and The First The Last.

The same pool after “by night”: windows lit, the garden quieter, and “View available apartments” still sitting on the water.
The same pool after “by night”: windows lit, the garden quieter, and “View available apartments” still sitting on the water.
The words in the sky, with “by day” and “by night” under the name, just before the daylight drops.
The words in the sky, with “by day” and “by night” under the name, just before the daylight drops.
After the hero, drive times sit on one line while clouds move underneath. Book a call stays in the corner.
After the hero, drive times sit on one line while clouds move underneath. Book a call stays in the corner.

Why it works

The night view works because the pool, palms, and facade never move, and recognition is easier when those same cues are still in front of you. The sky shift is the notice that the mode changed: motion makes a state switch easier to see, while a silent cut is easier to miss. Big lines later, such as “Real-life location” and “Sea views,” arrive with the scroll, and that kind of text animation makes people wait for words they could have read at once. The First The Last calls the day-and-night pair the core decision, and says one click is meant to change the light, the type contrast, and the mood while the architecture stays.

Try it

  1. Photograph or render the hero twice from a locked camera, once in daylight and once with the lights on.
  2. Label the switch in words, “by day” and “by night,” and leave the building in the same place when the light changes.
  3. Keep the path to the units, or to a call, on that first screen so the tour is not the only way forward.
  4. Use the scroll for one new fact at a time, such as where it sits or what the terrace looks like, and do not animate the sentence the buyer needs to read.
  5. If a visitor has asked for less motion, cut straight to the night photo and skip drifting clouds and sliding flowers.

What it costs

The page carries both a day photograph and a night photograph of that same courtyard, and a large image in the first screen is what sets how fast the page feels ready. Drifting clouds, sliding flowers, and headlines that wait on the scroll also get in the way for someone who came to compare units, and they can sicken people who have asked for less motion.

Words worth knowing

Sources