Cota Studio

Cota Studio brings the language of an architectural practice into a complete digital experience. Drawings, material, measured information and generous space establish the identity before the first project is opened.

The work spans art direction, UX/UI, AI-assisted architectural imagery and frontend development: two homepage compositions, a project index and individual project pages, studio, services and contact. This case focuses on the design and its implementation.

Casa Patio is the visual reference for the opening. Its structural SVG and finished image share the same coordinates: the paths appear, pause briefly, and give way to pearl concrete, pale stone, dark frames and a warmly lit interior. A single reveal edge keeps both states aligned.

The atmosphere is restrained. The exterior stays neutral, leaving the interior to supply the warmth. Reduced motion displays the completed image directly; if that image cannot load, the drawing remains available.

The main homepage continues beyond the elevation. The studio photograph opens into a statement; built projects move along a shared baseline; Casa Bordils unfolds through seven stages; a service accordion connects each stage of the commission to its deliverable. Recognition previews, testimonials and contact complete the route.

The second homepage, Façade, offers a column-based introduction and a different composition of the same practice. Individual project pages give photography, spatial decisions and technical information room to be read. The presentation screens in this case are English editorial adaptations of the Spanish website.