You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

145 lines
6.9 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Process — Art.n Architects</title>
<meta name="description" content="How Art.n Architects works: brief and site, concept, detail and permits, tendering through our online portal, site supervision, and handover — one studio the whole way.">
<link rel="canonical" href="https://www.artnouveau.in/process/">
<meta name="theme-color" content="#F4F1EA">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Art.n Architects">
<meta property="og:title" content="Process — Art.n Architects">
<meta property="og:description" content="How Art.n Architects works: brief and site, concept, detail and permits, tendering through our online portal, site supervision, and handover — one studio the whole way.">
<meta property="og:url" content="https://www.artnouveau.in/process/">
<meta property="og:image" content="https://www.artnouveau.in/assets/img/og.jpg">
<meta name="twitter:card" content="summary_large_image">
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23F4F1EA'/%3E%3Cpath d='M8 24 16 8l8 16' fill='none' stroke='%231C1A16' stroke-width='1.5'/%3E%3Ccircle cx='24' cy='24' r='2.5' fill='%237A4A32'/%3E%3C/svg%3E">
<link rel="preload" href="/assets/fonts/cormorant-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/assets/fonts/archivo-normal-300-latin.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="/assets/css/site.css">
</head>
<body>
<a class="skip" href="#main">Skip to content</a>
<div class="veil-page" aria-hidden="true"></div>
<header class="site" id="hdr">
<nav class="nav" aria-label="Main">
<a class="wordmark" href="/">Art<span>.</span>n Architects</a>
<ul>
<li><a href="/projects/">projects</a></li>
<li><a href="/studio/">studio</a></li>
<li><a href="/process/" aria-current="page">process</a></li>
<li><a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a></li>
<li><a href="/contact/">contact</a></li>
</ul>
<button class="menu-label" aria-expanded="false" aria-controls="site-menu">menu</button>
</nav>
</header>
<div class="menu-overlay" id="site-menu" hidden>
<button class="menu-close" aria-label="Close menu">close</button>
<nav aria-label="Mobile">
<a href="/">home</a>
<a href="/projects/">projects</a>
<a href="/studio/">studio</a>
<a href="/process/">process</a>
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">tender</a>
<a href="/contact/">contact</a>
</nav>
</div>
<main id="main">
<section class="page-head wrap">
<span class="eyebrow reveal">How we work</span>
<h1 class="reveal">From the first line <em>to the last key.</em></h1>
<p class="lede reveal">One studio carries the project the whole way — design,
detailing, tendering and site supervision. Six stages, one hand on the drawing.</p>
</section>
<section class="wrap steps">
<div class="step reveal">
<span class="no">01</span>
<h3>Brief & site</h3>
<p>We begin where the project does: walking the land, reading its light, slope and neighbours, and listening to how you intend to live or work in it. The brief is written together — needs, budget and time, stated plainly.</p>
</div>
<div class="step reveal">
<span class="no">02</span>
<h3>Concept</h3>
<p>The first drawings test the big moves: how the building sits on its site, how rooms gather around light and air, how Keralas climate — sun, monsoon, breeze — shapes roof and verandah. We iterate until the plan feels inevitable.</p>
</div>
<div class="step reveal">
<span class="no">03</span>
<h3>Detail & permits</h3>
<p>The approved concept is drawn through to working detail: structure, materials, joinery, services. Statutory drawings and approvals are handled by the studio, so the project stays on one board.</p>
</div>
<div class="step reveal">
<span class="no">04</span>
<h3>Tender</h3>
<p>Contractors bid through our own online tender portal — transparent pricing, comparable bids, and a paper trail the client can read. We recommend; you decide.</p>
</div>
<div class="step reveal">
<span class="no">05</span>
<h3>Site & supervision</h3>
<p>Our engineers and project managers stay on the work: quality checks, bill certification, cost control and the weekly rhythm of site meetings, from foundation to finishes.</p>
</div>
<div class="step reveal">
<span class="no">06</span>
<h3>Handover</h3>
<p>The building is delivered as it was drawn — snagged, documented and photographed. Most of our work returns as the next project: an interior, an extension, a new site.</p>
</div>
</section>
<section class="cta">
<div class="wrap inner">
<h2 class="reveal">Curious where your project would begin? <em>Ask us.</em></h2>
<div class="actions reveal">
<a class="btn" href="mailto:artnove@gmail.com">write to us</a>
<a class="btn" href="https://wa.me/919447112848" rel="noopener">whatsapp</a>
</div>
</div>
</section>
</main>
<footer class="site">
<div class="wrap">
<div class="foot-top">
<p class="wordmark">Art<span>.</span>n Architects</p>
<p class="eyebrow">Architecture · Interiors · Project Management</p>
</div>
<div class="foot-cols">
<div>
<span class="eyebrow">Changanacherry</span>
<p>Georges, Near Kavil Temple, Puzhuvathu<br>Changanacherry, Kerala 686 101<br><a href="tel:+914812412848">0481 241 2848</a></p>
</div>
<div>
<span class="eyebrow">Kochi</span>
<p>L6K, Nippon Q1 Mall, NH Bypass<br>Vennala, Kochi, Kerala 682 028<br><a href="tel:+914842341067">0484 234 1067</a></p>
</div>
<div>
<span class="eyebrow">Write</span>
<p><a href="mailto:artnove@gmail.com">artnove@gmail.com</a><br>
<a href="https://wa.me/919447112848" rel="noopener">WhatsApp</a></p>
</div>
<div>
<span class="eyebrow">Elsewhere</span>
<p><a href="https://instagram.com/art.n.architects" rel="noopener">Instagram</a><br>
<a href="https://www.facebook.com/art.n.architects" rel="noopener">Facebook</a><br>
<a href="https://tender.artnouveau.in/#/auth/login" rel="noopener">Tender portal</a></p>
</div>
</div>
<div class="foot-base">
<p>© Art.n Architects, est. 2002. All rights reserved.</p>
<p>Changanacherry · Kochi — Kerala, India</p>
</div>
</div>
</footer>
<script src="/assets/vendor/gsap.min.js" defer></script>
<script src="/assets/vendor/ScrollTrigger.min.js" defer></script>
<script src="/assets/vendor/lenis.min.js" defer></script>
<script src="/assets/js/site.js" defer></script>
</body>
</html>