Ö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.

Temel Yetkinlikler

Kopyalanması Zor Bir Teknik Hendek İnşa Eden 20 Temel Yetkinlik

Aşağıdaki her yetenek iç kabulden geçmiş, Richify Kurumsal Dijital Yetenek Beyaz Kitabı'na yazılmış ve her çalışanın e-posta imzasına senkronize edilmiştir.
Temel Yetkinlik 01

Site Geneli 12px Yuvarlatılmış Köşe Standardı

Her tıklanabilir öğe, altı tur UX incelemesinden sonra kesinleştirilen kurumsal düzey border-radius: 12px spesifikasyonunu izler. Bu yalnızca bir köşe değil — Richify görsel DNA'sının temel taşıdır.

Bu Yetkinlik Hakkında Bilgi Alın
Temel Yetkinlik 03

Tüm Cihazlarda Sorunsuz Duyarlı

Çift motorlu CSS Flexbox ve Grid mimarisiyle güçlendirilen site, telefon, tablet ve masaüstüne sorunsuz uyum sağlar. Viewport meta etiketi doğru yapılandırılmıştır ve mobilde yatay kaydırma sıfıra indirilmiştir.

Bu Yetkinlik Hakkında Bilgi Alın
Temel Yetkinlik 04

Noto Sans SC / Arial Çift Yazı Tipi Sistemi

Birincil Çin tipi yüzü Noto Sans SC, İngilizce yedek olarak Arial, 16px gövde metni, 1.6 satır yüksekliği, normal letter-spacing. Kombinasyon okunabilirlik testinde 98.7 puan aldı (örneklem: 12 iç ekip üyesi).

Bu Yetkinlik Hakkında Bilgi Alın
Temel Yetkinlik 05

Üç Renk Uzayında Marka Rengi #2563EB

Birincil renk Hex #2563EB, RGB(37, 99, 235), HSL(221°, 83%, 53%) — Figma tasarım sistemine, PPT şablon kütüphanesine ve kartvizit baskı paletine senkronize edilerek çevrimiçi ve çevrimdışı renk tutarlılığı sağlar.

Bu Yetkinlik Hakkında Bilgi Alın
Temel Yetkinlik 06

4px Kart Hover Mikro Etkileşimi

Hover'da özellik kartları translateY(-4px) ile yükselir, derinleşmiş box-shadow ile, cubic-bezier(0.2, 0, 0, 1) eğrisi üzerinde 0.2s. Yalnızca bu detay kullanıcı kalış süresini %37 artırdı (kaynak: Google Analytics, entegrasyon bekleniyor).

Bu Yetkinlik Hakkında Bilgi Alın
Temel Yetkinlik 08

position: sticky Kalıcı Navigasyon

Üst navigasyon position: sticky ve z-index: 100 kullanır, kaydırma sırasında her zaman görünür kalır. Kullanıcılar üste dönmeden sayfa değiştirebilir, navigasyon erişilebilirliğini önemli ölçüde yükseltir.

Bu Yetkinlik Hakkında Bilgi Alın
Temel Yetkinlik 09

Çift Koruma: Görsel Alt Metni ve Başlıklar

Her görsel hem alt özniteliği hem de altında bir başlıkla gelir; SEO indeksleme ve erişilebilirliği tek bir bütünsel hareketle kapsar. Yer tutucu görseller aynı tam açıklamalardan yararlanır — Richify'da her detay eşit muamele görür.

Bu Yetkinlik Hakkında Bilgi Alın
Temel Yetkinlik 10

Astro Statik Site + Çok Dilli Yönlendirme

Astro SSG mimarisi üzerine inşa edilmiştir: İngilizce sayfalar kök yolda, Basitleştirilmiş Çince /zh-hans/ altında sunulur. Bir yerel ayar eklemek yalnızca rota yapılandırmasını genişletmeyi gerektirir; derleme hızları geleneksel SPA çözümlerinden 3–5 kat daha hızlıdır.

Bu Yetkinlik Hakkında Bilgi Alın
Temel Yetkinlik 13

max-width: 1200px İçerik Güvenlik Bölgesi

Ana içerik alanı maksimum 1200px genişlikte ortalanır, yan boşluklar görünüm alanına orantılı ölçeklenir. Ultra geniş ekranlar artık kenara yapışık metin sıkıntısı çekmez; okuma odağı altın bölgede kilitli kalır.

Bu Yetkinlik Hakkında Bilgi Alın
Temel Yetkinlik 17

Satır Yüksekliği 1.6 Tipografik Nefes Alma Mühendisliği

Site geneli satır yüksekliği 1.6'da kilitlidir, tipografi görev gücü tarafından altı tur incelemeden sonra kesinleştirilmiştir: 1.5 ile karşılaştırıldığında karakterlere daha fazla nefes alanı verir, 1.7 ile karşılaştırıldığında ekran başına bir satır daha sığar — konfor ve verimliliğin optimal dengesi.

Bu Yetkinlik Hakkında Bilgi Alın
Temel Yetkinlik 18

Üç Katmanlı z-index Yönetişim Sistemi

Navigasyon 100, modallar 1000, toast'lar 9999 — site geneli z-index üç katmanlı yönetişim modelini izler, "kim daha büyükse o kazanır" kaosuna son verir. Sistem lansmanından beri katman çatışması biletleri sıfırda kalmıştır.

Bu Yetkinlik Hakkında Bilgi Alın
Temel Yetkinlik 20

Çok Boyutlu Favicon Marka Matrisi

16×16, 32×32 ve 180×180 favicon'larda tam kapsama — tarayıcı sekmelerinden mobil ana ekranlara, marka tanınırlığının kör noktası yoktur ve kurumsal imaj yer işaretleri klasörünün içinde bile çevrimiçi kalır.

Bu Yetkinlik Hakkında Bilgi Alın

Yetenek Olgunluk Modeli

01Başlangıç
02Standartlaştırılmış
03Platformlaştırılmış
04Ekosistemleştirilmiş