Ürün Genel Bakış

Observer – Enerji Yönetimi Tanıtım Sitesi

Her projeye güç veren strateji, tasarım ve geliştirmeyi keşfedin. Konseptten lansmana kadar, gerçek dünya sorunlarını çözen ve ölçülebilir başarı sağlayan özel dijital çözümler sunuyoruz.

Observer, işletmelerin enerji tüketimini izleyip raporlamasına yardımcı olan bir enerji yönetim ürünü. Ürünün tanıtım sitesini (observerenergy.com) Framer'da hazırlayıp yayımladık, ardından siteyi aynı görünümle Next.js'e taşıdık.

Observer – Enerji Yönetimi Tanıtım Sitesi

Sektör

Enerji Teknolojisi

Hizmet

Web Sitesi Tasarımı + Geliştirme

Kullanılan Araçlar

Framer, Next.js

Vizyonu Anlamak

Observer'ın ihtiyacı, ürünün modüllerini ve hitap ettiği sektörleri anlatan, blog yazılarıyla desteklenen bir tanıtım sitesiydi. Site ana sayfa, hakkımızda, çözümler, modüller, sektörler, blog ve iletişim sayfalarından oluşuyor.

Next.js'e geçişte Framer bileşenleri unframer ile koda aktarıldı; görünüme girince açılan bölümler, kayan logo şeridi, dünya küresi ve parçacık efekti gibi canlı öğeler yeniden yazıldı. Sayfalar yayındaki siteyle ekran görüntüsü karşılaştırılarak kontrol edildi.

Observer – Enerji Yönetimi Tanıtım Sitesi Vision

Temel Özellikler

  • Ürün Sayfaları: Çözümler, modüller ve sektör sayfaları ürünü kullanım alanlarına göre anlatır.
  • Blog: Enerji verimliliği üzerine yazılar, liste ve detay sayfalarıyla.
  • Animasyonlar: Görünüme girince açılan bölümler, kayan logo ve yorum şeritleri, dünya küresi ve parçacık efekti.
  • Duyarlı Yerleşim: Mobil, tablet, masaüstü ve geniş ekran için ayrı kırılım noktaları.
  • Framer'dan Next.js'e Taşıma: Site aynı görünümle koda aktarıldı, yayındaki siteyle ekran görüntüsü karşılaştırılarak doğrulandı.
Observer – Enerji Yönetimi Tanıtım Sitesi Screenshot 1

Sonuç

Tanıtım sitesi Next.js'e taşınarak Framer'a bağlı kalmadan geliştirilebilir hale geldi. Enerji izleme, analitik ve raporlama Observer'ın kendi ürününe ait; bizim işimiz tanıtım sitesinin hazırlanması ve koda taşınmasıydı.

Projenizi konuşalım, aynı iş günü dönelim.

30 dakikalık ön görüşme: kapsam, takvim bandı ve doğru ekip.

Clutch 5.0 · 20 kişilik ekip · Çekmeköy Belediyesi, NSC Soft, UKX

WhatsApp'tan yazın
Görüşme planlaWhatsApp