Muhammetcay.com: 3D portföy ve hizmet sitesi

Problem

Farklı türlerdeki işleri tek bir uzun listeye koymak projeleri karşılaştırmayı zorlaştırıyordu. Görsel bir açılış istenirken gerçek proje bağlantılarının, açıklamaların ve iletişim yolunun da kullanılabilir olması gerekiyordu.

Uygulama kararları

• Ana sayfada Three.js ile dönen dünya, yörünge bağlantıları ve kaydırmaya bağlı proje görselleri.
• Kaydırmadan ilerlemek isteyenler için sağ–sol kontrolleri; hareketi durdurma seçeneği.
• Müşteri siteleri ve kişisel projeler için ayrı etiketler; oyunlar, botlar, uygulamalar ve video için ayrı sayfalar.
• Hizmet ve rehberlerde ilk HTML içinde okunabilen içerik; bu sayfalarda 3D sahnenin yüklenmemesi.
• Doğrudan WhatsApp bağlantıları ve konuya göre görüşme başlangıcı.

Altyapı ve nedenleri

Site statik HTML, CSS ve JavaScript kullanır; 3D sahne yalnız ana sayfada çalışır. İçerik sayfaları için yeni bir uygulama çatısı veya veritabanı gerekmedi. Yayın Vercel üzerinde kendi alan adıyla yapılır. Canonical adresler, site haritası ve görünür içerikle uyumlu yapılandırılmış veri sayfalara eklenir.

Doğrulama ve sınırı

Menü, proje bağlantıları, mobil ekran taşmaları, sayfa yanıtları ve iletişim hedefleri tarayıcı testleriyle kontrol edilir. Otomatik dünya dönüşü kaydırma yapılmadan ölçülür; masaüstü ve telefon boyutlarında incelenir. Bu kontroller gerçek kullanıcı hız verisi veya arama sıralaması ölçümü değildir. Fiziksel cihazların tümünü kapsayan bir donanım testi yapıldığı iddia edilmez.

İlgili hizmet ve hazırlık

Web sitesi tasarımı ve teknik SEO bu projenin iki çalışma alanıdır. Benzer bir site için teklif hazırlığı listesi ile içerik ve işlev ihtiyacını belirleyebilirsiniz.