Kendini güncelleyen portfolyo: Vimeo'yu siteye bağlamak

Ajans sitelerinin en sık eskiyen bölümü portfolyo. Yeni işler yapılıyor, ama siteye eklenmesi haftalar alıyor. Bir süre sonra sitede iki yıl önceki işler duruyor. Kendi sitemizi kurarken bu sorunu baştan çözmek istedik. Sitedeki tüm çalışmalar, Vimeo kanalımızdan otomatik olarak geliyor.

Nasıl çalışıyor?

Vimeo, herkese açık kanallar için video listesini okumaya izin veren bir arayüz sunuyor. Sitemiz açıldığında bu listeyi okuyor ve çalışmalar bölümünü bu listeye göre oluşturuyor. Vimeo'ya yeni bir film yüklediğimizde, film sitede de görünüyor. Kimsenin siteye girip bir şey eklemesi gerekmiyor.

Vimeo'ya ulaşılamazsa?

Sitenin her yayınlanışında Vimeo listesinin bir kopyasını da siteye ekliyoruz. Vimeo'ya o an ulaşılamazsa site bu kopyayı kullanıyor. Ziyaretçi boş bir alan görmüyor. Bu küçük ayrıntı, bir dış servise bağlı her bölüm için önemli.

Dikey ve yatay ayrı

Kanalımızda hem yatay reklam filmleri hem de dikey sosyal medya videoları var. İkisini aynı ızgarada göstermek düzensiz bir görüntü oluşturuyordu. Site artık her videonun oranına bakıyor ve dikey videoları bir grupta, yatay filmleri başka bir grupta gösteriyor. Dikey videolar önce geliyor, çünkü işlerimizin büyük kısmı sosyal medya için.

Kategoriler başlıklardan

Videolarımızı Vimeo'ya yüklerken başlıklarda tutarlı bir dil kullanıyoruz: kampanya filmi, testimonial, sosyal medya gibi. Site bu başlıklara bakarak videoları kategorilere ayırıyor ve filtreleri oluşturuyor. Böylece çalışmalar sayfasında "Reklam & Tanıtım Filmi", "Kampanya", "Sosyal Medya" ve "Testimonial" filtreleri kendiliğinden doluyor.

Sade kartlar

Kartlarda sadece afiş görseli var. Başlık, süre ya da açıklama yok. Bir karta tıklandığında video sitenin içinde, takip yapılmayan modda açılıyor. Ziyaretçi siteden ayrılmadan filmi izleyebiliyor.

Hız

Tüm videolar kendi sunucumuzdan değil, Vimeo'dan oynatılıyor. Sitede sadece küçük afiş görselleri yükleniyor ve bunlar da ekrana yaklaşıldığında indiriliyor. Video ağırlıklı sitelerde hızı nasıl koruduğumuzu bu yazıda anlattık.

Müşterilerimiz için

Aynı yaklaşımı müşterilerimizin sitelerinde de kullanıyoruz: Vimeo, YouTube ya da bir içerik yönetim paneli üzerinden kendini güncelleyen bölümler. Sonuçları çalışmalarımız sayfasında görebilirsiniz. Siteniz için benzer bir yapı düşünüyorsanız web tasarım ve geliştirme sayfamızda daha fazlasını bulabilirsiniz.