Client case · Corporate Websites
ATELIER NORTH
- Next.js
- TypeScript
- Tailwind CSS
- Framer Motion
- Three.js
- React Three Fiber
- GSAP
- Sanity CMS
- Cloudinary
- Mapbox GL
- Vercel
Description
An editorial architecture portfolio organized as a working project register, where built work, active commissions, material studies, drawings, locations, and construction status are presented with the clarity of a studio archive.
Project details
The opening viewport behaves like an architect's project desk rather than a conventional photographic hero. Numbered commissions are paired with coordinates, year, discipline, area, and delivery status, allowing visitors to understand the practice before entering a case study. Project-row previews, drawing-layer controls, material legends, and location context turn technical information into the main visual language. A restrained monochrome system, precise spacing, and tabular data support the studio's serious tone. Responsive layouts preserve the register hierarchy on smaller screens, while keyboard focus, reduced-motion behavior, descriptive imagery, and direct commission enquiries keep the experience practical for clients, collaborators, and press teams.
Interface gallery
Project screens