Modüler yapılar, doğayla iç içe ve esnek bir yaşam arayan kişiler için giderek daha çekici bir seçenek. Modulus Yapı için hedefimiz, bu yaşam fikrini ve firmanın yapı çözümlerini ilham veren bir web deneyimiyle anlatmaktı.

Neler geliştirdik

  • Ürün ve proje sunumu: modüler yapıları ve tamamlanan projeleri büyük görsellerle sergileyen sayfalar.
  • Bilgilendirici içerik: modüler yapının nasıl işlediğini adım adım anlatan bölümler.
  • İletişim: ilgilenen ziyaretçiyi doğrudan talep ve iletişim adımına taşıyan çağrı alanları.
  • Proje galerisi: tamamlanan yapıları tipine göre filtreleyerek inceleme.
  • İletişim ve talep formu: ziyaretçinin ihtiyacını birkaç alanda anlatıp doğrudan ilgili ekibe ulaştığı form.
  • İçerik yönetimi: sayfaların, görsellerin ve metinlerin yazılım bilgisi gerektirmeden panelden güncellenmesi.

Doğanın renklerinden ve modüler mimarinin yalın çizgilerinden beslenen ferah bir tasarım dili oluşturduk. Görselleri ön plana alan geniş yerleşimler ve sakin bir tipografi ile ziyaretçinin kendini o yaşam alanında hayal edebileceği bir atmosfer yakalamayı amaçladık; siteyi tüm cihazlarda akıcı çalışacak şekilde geliştirdik.

Nasıl çalıştık

Modulus Yapı için önce içerik yapısını ve sayfa hiyerarşisini çıkardık. Tasarımı Figma'da ana sayfadan başlayarak tüm sayfa şablonlarına yaydık. Onaylanan tasarımı bileşen bileşen koda döktük, içerikleri girdik ve siteyi farklı ekran boyutlarında ve tarayıcılarda test ederek yayına aldık.

Teknik altyapı

Siteyi React ve Next.js ile geliştirdik; TypeScript kodun güvenilirliğini, Tailwind CSS arayüzün tutarlılığını sağlıyor. İçerik, Node.js ve MySQL üzerinde çalışan bir yönetim panelinden güncelleniyor. Sayfalar sunucu tarafında oluşturulduğu için site hızlı açılıyor ve arama motorlarında doğru şekilde dizinleniyor.

Sonuç

Modulus Yapı, doğayla buluşan modüler yaşam anlayışını dijitalde etkileyici bir şekilde anlatan ve ürünlerini anlaşılır biçimde sunan bir web sitesine kavuştu.