LPAS · an architectural photo grid
Reel by Andrew Chornyy
Give each kind of work one large photograph and a plain name on a color band, and show that there are five, so a visitor can tell housing from a school without reading a menu.
What to look at
After a car shot, the reel shows lpas.com on a monitor. The first view is one wide photograph: a brick interior on the left with "A Market-Focused Approach," and an apartment building on the right with a round Explore button. A brown band reads Housing and 1/5. The view slides. An orange band reads Interiors under a lounge, and the housing photo still peeks in from the left. Next, a white band reads Higher Education under a brick school at dusk. The clip then zooms into a Plerdy panel on the page that reads 17% and "5 targets," over a line that begins "Architecture in."


Why it works
A photograph helps when the names are broad and the work looks different. Housing and a school are that kind of pair: the picture shows the difference faster than the label alone. This is a finding about website menus, and the reel is showing a website. A carousel can hold several of those photographs in one spot, but people often see only the first frame, so the "1/5" and the peek of the next photo are what say there is more. Five frames is the upper end of what that research expects people to step through. The live page on 2026-11-13 still names the same five markets: Housing, Interiors, Higher Education, Civic, and Commercial.
Try it
- Limit the homepage slider to the markets you actually sell, and stop at about five.
- Give each market one photograph of a finished project and a short name on a solid color band.
- Print the count on the band, such as 1 of 5, and let the next photograph peek in from the edge.
- Repeat those five names in the menu, so Civic and Commercial are reachable if nobody moves the slider.
- Leave the slider still until the visitor moves it.
What it costs
Only one market is fully on screen, and people often never leave the first frame, so a firm that opens on housing can look like it only builds apartments. Each frame is a large photograph, and that picture or the text on it is what the first screen waits on before the page feels loaded. The reel does not show whether the live slider advances by itself.
Words worth knowing
- Carousel: Several photographs that take turns in the same spot on the page.
- Frame count: A label such as 1 of 5 that says how many photographs are in the set and which one you are on.
- Peek: A sliver of the next photograph left visible at the edge, so the set does not look finished.
Sources
- Mobile Navigation: Image Grids or Text Lists? Nielsen Norman Group
- Carousel Usability: Designing an Effective UI for Websites with Content Overload Nielsen Norman Group
- Photos as Web Content Nielsen Norman Group
- Largest Contentful Paint (LCP) web.dev
