Hero Müşteri Memnuniyeti Baloncukları
Hero görsel alanı müşteri değeri bilgisini tamamlamak için gerçek zamanlı iş metriği etiketlerine ihtiyaç duyar.
Memnuniyet, ROI ve diğer metrik baloncukları çıkış animasyonlarıyla döngüde pop eder.Önemli:Premium bir kurumsal web sitesi oluştur. Ana sayfa marka vizyonunu, iş yeteneklerini, müşteri değerini ve iletişim bilgilerini öne çıkarmalıdır.
Kabul Materyalleri
Kabul Materyalleri
Aşağıda bu projenin tasarım gereksinimleri ve uygulama notları kaydedilmiştir; proje ekibinin kabul incelemesi için referans amaçlıdır.acceptance_materials.txt
01Genel görsel stili parlak ve temiz tut
02Birincil düğmeler net şekilde tıklanabilir bir duruma ihtiyaç duyar
03Ana sayfa teknoloji odaklı görsel öğeleri korur
04İçerik modülleri kartlarla taşınır
05Temel metin yetenek, senaryo ve değeri kapsamalıdır
06Anahtar sayılar sayfa ritmini vurgulamak için kullanılır
07Birincil sayfalar net bir harekete geçirici mesaj girişi tutar
08Gövde metni 14px'ten küçük olmamalı
09Navigasyon çubuğu sayfanın üstüne sabitlenir
10Her görselin altında bir başlık gerekir
11Satır yüksekliği 1.6'da birleştirilir
12Favicon tüm yaygın boyutları kapsar
implementation_notes.txt
01Hero görseli ekibi, ürün arayüzünü ve marka alan adını aynı anda sunmalıdır.
02Düğme stilleri site genelinde birleşik kalır, 12px köşe yarıçapıyla.
03Hareket hiyerarşiyi güçlendirmek için kullanılır, temel okumayı etkilemeden.
04Müşteri hikayeleri bölümü sonuç gösterim yuvalarını korur.
05Mobil düzen 14px metin okunabilirliğini önceliklendirir.
06Navigasyon çubuğu position: sticky kullanır ve kaydırırken sabit kalır.
07Görsel alt öznitelikleri ve görsellerin altındaki başlıklar atlanmamalıdır.
Tasarım Notları
Birincil Görsel ve Etkileşim Efektleri Kaydı
Aşağıda birincil görsel ve etkileşim efektlerinin tasarım niyeti ve mevcut uygulaması kaydedilmiştir; tasarım incelemesi ve gelecek yineleme referansı için.Hover'da Gökkuşağı Gradyan Metin
Başlıklar ve bağlantılar hover durumunda net görsel geri bildirime ihtiyaç duyar.
Gökkuşağı gradyanı + süpürme vurgusu + ton dönüşü + parıltı.CTA Görsel Animasyonu Vuruş Alanından Ayrıştırılmış
Düğmeler hover/tıklamada daha güçlü dinamik geri bildirime ihtiyaç duyar, tıklama alanı sabit kalırken.
Görsel katman translateY ile animasyon yapar, vuruş alanı yerinde kalır.Sıvı Cam Tarzı Navigasyon Çubuğu
Üst navigasyon yarı saydam malzeme hissi ve katmanlı derinlik gerektirir.
backdrop-filter cam arka plan + süpürme vurgusu + ince yüzen animasyon.Işıklar Kapalı Spot Işık Modu
Görsel dikkati dağıtan unsurları azaltan odaklı bir okuma modu sağlar.
Tam ekran maske + imleci takip eden spot ışık yarıçapı görünür alanı kontrol eder.Özel Richify Marka Fare İmleci
Marka tanınırlığını genişletir; imleç hareketi sayfanın görsel stiliyle tutarlı kalır.
Markalı SVG imleç + ardından gelen parçacık efektleri.Müşteri Hikayeleri Sayfasında WebGL 3D Galeri
Müşteri hikayeleri sayfası sürükleyici bir 3D vitrin alanına ihtiyaç duyar.
WebGL parçacık matrisi + fare etkileşimi + dinamik paneller.Alt Bilgi 3D Elmas ve Marka Kayan Yazı
Sayfanın altı sürekli görünür bir marka kapanış alanına ihtiyaç duyar.
3D dönen elmas + marka kayan yazı + dinamik renkler.Gömülü Marka Logolu Hero Ekip Görseli
Hero görseli ekip sahnesini ve richify.net markasını aynı anda sunmalıdır.
richify.net marka işareti dizüstü ekran alanına gömülüdür.