Codezone
Yurttaş İnşaat2026

Yurttaş İnşaat

Corporate site developed for Yurttaş İnşaat. Housing, school, and branch projects are toured with photos and videos; about us, services, and contact pages are published in Turkish, English, and Chinese.

Yurttaş İnşaat
Overview

A corporate website was developed for Yurttaş İnşaat. The site is designed to showcase the company's housing, school, and bank branch works with photos and videos, explain its services, and receive contact from visitors. In addition to the main Turkish site, English and Chinese versions were prepared as separate pages.


Project Goals

- To visually present the company's completed and ongoing projects
- To gather about us, services, and contact content on internal pages
- To open a detailed page with photos and videos for each project
- To publish the site in Turkish, English, and Chinese
- To make the contact form functional with email notification
- To establish a readable, fast corporate interface on mobile and desktop

Solution

The site was developed with Next.js App Router. The homepage brings together hero, about us, why us, services, projects, statistics, and contact sections in a single flow. Projects, about us, services, and contact were also opened as internal pages. In project cards, the visual changes with the cursor; on the detail page, photos and videos are toured in a large area with small visuals. Language change goes to the counterpart of the current page in that language via the TR / EN / 中文 link in the menu.

Key Features
Three languages: Turkish, English, and Chinese
Page-based language transition; the same project opens in another language in project detail
Visual transition with hover on project card, swipe on mobile
Photo and video in detail gallery, small visual strip, and forward-backward control
Bold headings and breadcrumb on internal pages
Field control in contact form and email sending with Resend
Gallery
Tech Stack
Next.jsReactTypeScriptTailwind
Key Metrics
“We aimed to digitally present Yurttaş İnşaat's housing, school, and branch works in three languages. As a result, a corporate site emerged where projects can be toured with photos and videos, the contact form reaches the company directly, and it is published in Turkish, English, and Chinese.”
Ö
Ömer Faruk ÇOBANOĞLU
Project Manager
Have a Similar Project

Lets Discuss

Start a Conversation