AtlasSpaces

AtlasSpaces is a concept site for a workplace and interior design studio, positioned around treating light, movement, materials, furniture and comfort as one connected system rather than a design checklist. The site walks a visitor from an existing dated office through to a considered, lived-in workplace.

Interior design portfolios tend to lean entirely on finished photography, which is persuasive but passive. The challenge was giving visitors a way to actually participate in spatial decisions — mood, layout, capacity — rather than only scrolling past a gallery.

Let a prospective tenant browse a workplace the way they'd walk it — by floor and by space — rather than by a flat list of listings.

I built four interactive tools around the studio's process: a style selector that reveals a chosen mood in materials and furniture, a drag-and-drop floor planner for adding desks and seating to a room, a workplace-capacity calculator driven by team size and desk-sharing ratio, and a warm/cool lighting mood slider — each grounded in real interior photography rather than abstract UI.

A warm, materials-forward palette — walnut, linen, terracotta and sage — layered over a dark shell so the photography and material textures stay the visual focus. Before/after and day/evening comparison sliders make the design impact tangible without extra copy.

Built with semantic HTML5, modular CSS and vanilla JavaScript. The floor planner, capacity calculator and mood previews are all client-side interactions running against illustrative defaults — there's no live booking or e-commerce system behind the furniture catalogue.

An interior-design concept that replaces a passive photo gallery with hands-on planning tools, letting a visitor size, mood-test and lay out a workspace before ever picking up the phone.

Spatial products need spatial navigation; a workplace platform that can't be browsed the way a building is walked has the wrong information architecture.