Timeline ile sayfalardaki ilk göze çarpan yenilik logoları, ürünleri ve marka kişiliklerini öne çıkarmaya olanak sağlayan cover fotoğrafları oldu. Markalar, içeriklerin görsel olarak zenginleştirilmesi ve kuvvetlendirilmesi adına seçtikleri içerikleri timeline içerisinde iki kat büyüklüğünde kullanabiliyorlar. Markalar timeline’da tarihçeleri ile birlikte kişiliklerini yansıtabilirken; yeni bir özellik olan milestone ile de markanın belirli kilometre taşlarını da işaretleyip iki kat büyüklüğünde sergileyerek, bu önemli anları vurgulayabiliyorlar. Bir diğer yeni özellik olan ‘weekly pinned post’ ile de öne çıkarılması istenilen içerik pin’lenerek sayfanın başında görüntülenebiliyor.

Sayfaların daha kişisel ve sosyal olmaları adına da bazı değişiklikler yapılmış. Artık kullanıcılar sayfayı beğenen arkadaşları ile birlikte, arkadaşlarının sayfayla ilgili girdikleri içerikleri açılış sayfasının göze çarpan bir bölümünde görüyorlar. Bunun yanında cover fotoğrafının altında artık yalnızca 4 tane varsayılan uygulama göz önündeyken, geri kalanı üvey evlat muamelesi görüyor.

Sabırsızlıkla beklenen kullanıcılar ve markalar arası mesajlaşma da bu yeniliklerin arasında. Mesajları, bildirileri ve sayfa performansını görmek için artık sayfa yöneticileri ayrı bir sayfaya yönlendirilmiyor. Girilmiş olan içeriklerin de tarihleri değiştirilerek zaman tüneli içerisindeki konumları değiştirilebiliyor.

Gerek sayfanın genel akışı, doubleview (iki kat büyüklüğündeki içerikler) ve milestone özellikleri, gerekse uygulamaların sayfadaki görünümlerinde gidilen değişikliklere baktığımızda, Facebook’un markaları hikayeleştirme ve içerik üretimi için teşvik ettiğini söyleyebiliriz.

Örnekler ve ayrıntılar için:
http://www.learnfacebookpages.com/
https://www.facebook.com/about/pages

Blue Night gecesi için hazırlanan iPhone uygulamamız “Istanblue Perileri” ise festival deneyimini bir üst noktaya taşıyor. Festival boyunca, Taksim’den Galata’ya kadar ve ayrıca Ortaköy’deki etkinlik mekanlarına Augmented Reality teknolojisi ile yerleştirilen ve kullanıcıların iPhone uygulamamız üzerinden görebilecekleri Istanblue Perileri, tüm sokakları süsleyecek.

iPhone’larıyla perileri yakalayarak puan toplayacak olan kullanıcılar, bu puanları etkinlik mekanlarındaki özel bölümlerde istedikleri hediyeye çevirebilecekler. Hatta uslu dururlarsa, perilerle etkinlik mekanlarında da karşılaşabilecek olan kullanıcılar, Blue Night gecesinin deneyimini bu güzel anıyla taçlandırabilecekler.

Not: Perilere denk geldiğimiz yerde #istanblueperileri hashtag’iyle perileri sobelemek serbest!

Ayrıca Superbowl reklam dünyasının da en çok ilgisini çeken organizasyonlardan biri. Bu maçın arasında yayınlanan reklamlar tüm sene reklam dünyasına ilham kaynağı olabiliyor. Bu yıl da yine birbirinden yaratıcı, birbirinden etkileyici ve eğlenceli reklam filmleri yayınlandı.

Aşağıda tüm oyun boyunca yayınlanan 52 reklam filminin yer aldığı YouTube playlistini izleyebilirsiniz.

Superbowl’a bu sene reklam filmleri kadar, maçın devre arasındaki Madonna gösterisi damga vurdu. Show nasıl yapılır yine Superbowl’da görmüş olduk

Bana bu boy yetmiyor diyenler orjinal boyutu için tık tık

Yazı: Alemşah Öztürk
Karakter Tasarımı: Gökhan Okur
Grafik Tasarım: Emir Anarat

Bu seferki bol sürprizli projemizi ise yeni yıl ruhuna uygun olarak hazırladık: Garanti Yılbaşı Ağacı

Düşündük ki yeni yılda herkes hediye kazanmak ve sevdiklerine hediyeler vermek ister, biz de bunun için de dört bir yanı hediyelerle dolu bir Yılbaşı Ağacı hazırladık.
Şafak sökmeden yayına aldığımız Facebook uygulamamızda, yüzlerce hediye kazanma şansı, Garanti Facebook sayfasında sizleri bekliyor.

Detaylara geldiğimizde ise,

Garanti Facebook Sayfası’ndan Garanti Yılbaşı Ağacı uygulamasına giriş yaparak, hediye kutuları üzerine kendinizi ve sevdiklerinizi etiketleyerek, birbirinden ilginç ve eğlenceli hediyeleri seçebiliyorsunuz. Aralarında büyüyen kristalden kollu battaniyeye kadar birçok seçenek de mevcut.

Üstelik her gün bir kutu seçme hakkınız olup, arkadaşlarınızı da davet ettikçe daha da çok hediye kazanma şansı yakalıyorsunuz!

Peki ben hediyelerimi seçtim ne zaman onlara kavuşacağım, diyorsanız, sabırsızlanmayın ve 6 Ocak’ı bekleyin! 6 Ocak’ta hem kendinizi hem de arkadaşlarınızı etiketlediğiniz tüm hediyeler açıklanmış olacak.

Tabii hediyelerinizin size ulaşması için, kayıt formundaki bilgilerinizi eksiksiz doldurmanız gerektiğini unutmayın!

Herkese bol şans!

Künye

Garanti Bankası
Aylin Daylan, Melis Kuruner, Alihan Aker

41? 29!
Ajans Başkanı: Alemşah Öztürk
Kreatif Direktör: Seren Köroğlu
Art Direktör: Ercan Akkaya
Metin Yazarı: Ahmet Terzioğlu
Flash Geliştirici: Oğuz Sandıkçı
Flash Animatör: Gülşah Karasakal
Yazılım Geliştirici: Emre Bağcı
Arayüz Geliştirici: Emre Çakmakçı
3D Modelleme: Alper Sarıkaya

Marka Yönetimi: Bora Başman
Proje Yönetimi: Gencer Soytemiz
Teknik Yönetim: Hidayet Bayraktar
Sosyal Medya Direktörü: Kutay Ateş
Sosyal Medya Yönetimi: Simla Leventoğlu, Tanyeli Güler
Kampanya Yönetimi: Mert Alankaya

“Önce her şey toz ve gaz bulutuydu” şeklinde başladı aslında her şey… Microsoft, Internet Explorer 9 lansmanı için bize geldiğinde, her zamanki gibi elimizde hiçbir şey yoktu. Brief alındı, dert anlaşıldı, çözüm için tarih verildi ve süreç başladı.

Bu arada o süreçte boş durmayıp, bunları yaptık: Hedef Megane, Bil Bakalım Kim?, Hızlı Kalem, Zafer Yolunda!

De-brief tarihi geldiğinde elimizde sadece tek fikir vardı. ÖSS’de “Risk budur!” diyerek tek tercih yapan liseli gibiydik, heyecanlıydık ve kendimize güveniyorduk. Ve anlatmaya başladık; “Bedük’le birlikte, Türkiye’nin ilk HTML5 video klibini yapacağız!”

Bundan sonrası ise çok hızlı gelişti, önce storyboard çizildi:

Çizimler kabul edilince klip çekimleri başladı. Tıpta “yorgun ve yoğun saatler ve günler” anlamına gelen çekim Soda Film, yönetmenlerimiz Walky-Talky ve kreatif ekibimiz sayesinde işin büyüsüne uygun şekilde sorunsuz ve eğlenceli geçti. Özellikle muhteşem danslarıyla göz dolduran Yasmin Ogbu ve dünyaca ünlü koreograf Stuart Bishop klibi bir üst noktaya taşıdılar.

Tüm malzemeler yavaş yavaş bir araya gelirken, canımız, kanımız, art direktörümüz Mert Uzer tasarıma da yön vermeye başlamıştı bile…

Tasarım da sona erdikten sonra ajansımızın CodeBreaker’ı, nam-ı diğer gldio, Günay Sert kodlamaya başladı. Süreç içerisinde yorulan Günay, yaşadıklarını birer birer kod satırlarına döktü:

//0×796f72756c64756d2079612120746572656c6c692074726f6c6f6c6f6c6f21
= > ?yoruldum ya! terelli trolololo!

//yalanlarla dolanlarla, doldu ramler dosyalarla, yuklu dosyalarin altinda kalanlarla

//”maceraci anus” isimli kitabim ustunde calismaya devam ediyorum.

Bu uzun ve yorucu süreç sonucunda ortaya çıkan iş ise herkesin yorgunluğunu aldı. Bedük’ün muhteşem şarkısı, Bishop’un koreografisi, Soda Film ve 41? 29!’un ter damlaları ile birleşerek Internet Explorer 9′un Türkiye lansmanını en mükemmel hali ile gerçekleştirdi.

discobreaker.com | #discobreaker | DiscoBreaker

Ve işte projenin kahramanları:

Microsoft Internet Explorer 9
Kerim Özbakırcı, Leylim Erenel

Serhat Bedük

41? 29!
Ajans Başkanı: Alemşah Öztürk
Kreatif Direktör: Seren Köroğlu
Art Direktör: Mert Uzer
Geliştirici Ekip: Günay Sert, Emre Çakmakçı
Proje Yönetimi: Gencer Soytemiz
Teknik Yönetim: Hidayet Bayraktar
Sosyal Medya Direktörü: Kutay Ateş
Sosyal Medya Yönetimi: Sena Turan
Metin Yazarı: Ahmet Terzioğlu

Prodüksiyon: Soda Film
Prodüktör: Yalçın Kılıç, Erinç Koyun
Yönetmen: Walky-Talky
Görüntü Yönetmeni: Emre Tanyıldız
Koreograf: Stuart Bishop
Dansçılar: Yasmin Ogbu, Lexx, Uğur Yıldıran, Sanem Demirkaya, Okan Aydoğan, Ezgi Egeli

Teşekkürler:
Bedük fanları, 41? 29! Ekibi

EK: Eğer discobreaker.com’a Facebook account’unuzu kullanmadan bağlanırsanız, göreceğiniz manzara ise tam olarak aşağıdaki gibi… Ajans çalışanları olarak, bizimle karşılaşmanız fazlasıyla olası…

ActionScript yazilim gelistiricisi olarak önceden de javascript üzerinde calışmış olmamın getirdiği tecrübe ile bu projede yer almak istedim. Bunun sonunda bir js geliştirici oldum sanirim Proje öncesinde, üretiminde ve sonunda edindiğimiz tecrübeleri paylaşmaya çalışayım, html5 ile ilgili sormak istediğiniz problem yaşadığınız durumlarda bizimle iletişime geçebilirsiniz, yardımcı olmak isteriz.

Proje Başlangıcı:

Projenin nasıl geliştirilebileceği ve ileriki projelerde kullanılabilecek bir yapı yapma hazırlığı yaptım. Bu framework üzerinde genel olarak kullanılacak çizim, ses, efekt, sayfa düzenlemeleri ve yerleşimleri yapan, yardımcı olarak kullanılan hesaplama ve raporlama araçları ve genel yapıyı ayağa kaldıran class’lar bulunmakta.

Framework’un kullanımına ilişkin bir yapıyı bunları tasarlarken düşündüm ve bunun üzerine tasarımları sayfalandırmakta karar kıldım. Bu sayfalar framework üzerinden kopyalanarak ve coğaltılarak, kendi ayarları ile yerleşip işlem yapar duruma geldiler. Framework üzerinde loading kontrolleri de bulunmakta. Çağrılan ve yüklenmek istenen objelerin yüklenmeleri kontrol edilip işlenebilir hale getiriliyor ve bunları dispatch ederek çağrılan class’larına bildirim yapıyorlar. Browser üstünde bir yoğunluk oluşmaması için de objeler tek tek oluşturulup yüklendikten sonra browser’ın cache’inden çalışabilecek duruma geliyorlar. Özellikle media objelerinde yüklenmenin bittiğini anlamamızı sağlayan eventlerin alınmasında sorun olduğu için bu yolu izledim. Bu yapılar bittikten sonra geriye tasarımların parçalanıp düzenlendikten sonra yerleştirilmesi ve anime edilmesi sağlaniyor.
framework’un hesaplamalarından bir tanesi de sayfanın görünüm üzerindeki yüzdeliğini alıp, sabit bir animasyon yapabiliyor olması. Ayrıca çizim yapılacak objelerin de belirlenmesinde yardımcı olup, genel çizim performansını da arttırmış oluyor.

Proje isleyisi ve proje uretiminde karsilasilan sorunlar:

Genel olarak çizim, efekt ve animasyon konularında ufak sorunlar yaşadım ama media objelerinin kullanımında event’lerin dispatch edilmeleri ve bunları yakalamada sorunlar oluştu. Özellikle cache’e yüklenmiş olanları kullanmada çözümler ürettik.

Media objelerinin event geri dönüşlerinde tam olarak her ithiyacı gideren bir yapı yok, bu konuda kendi çözümlerimizi ürettik, HTML5 geliştirmeleri önümüzdeki dönemlerde bu ihtiyaçlara göre şekillenecektir diye düşünüyoruz. HTML5 cephesindeki gelişmelere uygun olarak browserlar da bu ihtiyaçları giderecek şekilde evrileceklerdir. Çizim yapılan objelerde değilde özellikle media eventlerinde böyle bir sorun var. Event geri dönüşlerini en iyi ve düzgün yapabilen browserları sıralamak gerekirse ie>firefox>chrome diye sıralayabiliriz. Chrome üzerinde, cache üzerinden okunan media eventlerinin geri dönüşleri çok sorun yaratıyor. Chrome için bir kontrol yazip yüklenmekte olan media objelerinin sürelerini kontrol edecek bir fonksiyon yazmak zorunda kaldım, süre kontrolünden sonra, eventi geliştirdiğim dispatcher fonksiyonu aracılığı ile dispatch ettim ve bu sorun çözülmüş oldu. Yaşadığım sorunlar karşısında şimdilik media event listener’ları bu tip çözümler üretmek zorunda bırakıyor bizleri, sonrasında platformdaki gelişmelerle bu tip çözümlere gitmeden direkt kullanılır hala geleceklerdir.

Önceden düşünüp yaptığım hesaplama hatalari ve farklı ilerleme metodlari yüzünden projede bir kaç kez baştan tekrar yazdığım yerler oldu ama onları düzeltip rahatça ilerleyebildim. Özellikle rotate yapılmış ve transform olmus objelerin kapladığı alanların yanlış hesaplamalarından kaynaklanan çizim performansını etkileyen sorunlarla karşılaştık ve bunun üzerine transform matrislerinin üzerinden hesaplama yaparak gerçek alanlarını buldum. Bu hesaplamalar için Simon Sarris’in geliştirdiği javascript transform kütüphanesini kullandım ve projenin ihtiyaçlarına göre biraz daha geliştirdim. Sonrasında hangi objenin görünür olup olmadığını anlayıp çizim yapabilir duruma geldim ve gerçekten performans üzerinde gözle görülür bir artış sağlanmış oldu.

Varsayılan ayarlarda gözlemlediğim en iyi performans su an IE9 ile elde edilebiliyor. Bu performans üstünlüğü gpu rendering’in IE9 da varsayılan olarak açık gelmesi. Diğer browserlarda böyle bir durum yok. Chrome(v15)’da manuel açtığınızda IE9 performansına yakınsayan bir performans elde edebiliyorsunuz. Firefox(v7) için bunu söylemek çok zor. Firefox(v7) yüklü objelerin çiziminde biraz sıkıntılı.

Uzun ve yorucu geçen bir geliştirme sürecinden sonra doğru ve performanslı çalışan bir yapının oluştuğunu görmek ve bunu yaratabilmek beni gerçekten mutlu etti. Her ne kadar bu hali ile gayet güzel çalişabildiklerini görebilsek de, HTML5 cephesinde geliştirilmesi gereken bir çok özellik var.

Teşekkürler

Sayfa sahipleri özel mesaj özelliğini aktif hale getirip getirmeme konusunda karar verici olabilecekler. Kullanıcıların ise, özel mesaj atabilmesi için sayfayı beğenmesi gerekmeyecek.

Sayfa sahipleri sayfalarında bulunan ‘mesajlar’ ikonuna gelen mesajları, şu anda ‘bildirim’ ikonunda gördükleri şekilde takip edebilecekler. Tıkladıklarında ise mesaj ekranından kullanıcılara cevap yazabilecekler.

Kullanıcılar, kendilerine gelen mesajları sayfayı ziyaret etmelerine gerek kalmadan, diğer bir kullanıcıdan mesaj aldıkları gibi mesaj kutularında görebilecekler.

Bu açıdan baktığımız zaman, özel mesajlaşma sayesinde kullanıcıyla birebir iletişime geçilebilecek, böylece kullanıcıların sorun ve ihtiyaçları Facebook dışında bir mecraya yönlendirmeye gerek kalmadan çözülebilecek. Bunun dışında, yine duvar üzerinde yapılan bir yorum veya şikayet için, “size özel mesaj gönderdik” şeklinde yorum yapılabilecek.

Bu yeni özelliğin birçok pozitif yönü olduğu gibi negatif yönleri de var elbette. Özellikle çok fazla fan sayısına sahip sayfalarda, özel mesajlaşmanın yoğunluğu açısından sayfa sahipleri zorlanabilir. Bakalım önümüzdeki günlerde Facebook ve Twitter’ın birbirlerinden örnek aldığı özelliklere bir yenisi daha eklenecek mi?

Kullanıcıların sabah saatlerinde Facebook hesaplarıyla giriş yaptıkları www.hedefmegane.com ‘da günde 500 kişi için Megane CC kazanma fırsatı sunduk. Hem de bu Megane CC, NBA’in gelmiş geçmiş en iyi oyuncularından biri olan Kareem Abdul-Jabbar‘ın imzaladığı bir araç.

Gelelim yarışmanın detaylarına:

Günde 500 kişinin kazanma şansı yakaladığı yarışmamızda, 400 kişi elini çabuk tutan ve Hedef Megane sitesine en çabuk giriş yapan kullanıcılardan oluşuyor. Geri kalan 100 kişilik yer için ise kullanıcılardan bu Megane’ı ne kadar istediklerini kanıtlamalarını istiyoruz Kullanıcılar verdiğimiz çeşitli görevleri yerine getirerek bu heyecana ortak olabiliyorlar.
Bu aşamadan sonra bu projedeki en büyük yardımcımız olan dostumuz TX-200 devreye giriyor Sıradaki her kullanıcı için tekrar tekrar, üzerinde daire şeklinde sıralanmış anahtarların olduğu çarkı çeviren, sonra da bir anahtar alıp kapıları açmayı deneyen TX-200, Megane CC sahibini bulana kadar yorulmadan bu işi yapmaya devam edecek.

Hedef Megane, daha ilk gününde sosyal medyada ve internet gündeminde en çok konuşulan konulardan biri olmayı başardı. 41? 29! olarak biz de 2011′in son günlerinde böyle bir projeye imza atmaktan çok mutluyuz!

Müşteri: Renault Türkiye
Müşteri Ekibi: Özlem Ünlü, Emre Güney, Görey Sarı

Ajans: 41? 29!
Ajans Başkanı: Alemşah Öztürk
Kreatif Direktör: Seren Köroğlu
Yaratıcı Ekip: İlyas Eralp, Alperen Altınöz, Volkan Öge, Ali Güracar
Art Direktör: Ufuk Çetincan
Metin Yazarı: Ahmet Terzioğlu
Teknik Yönetim: Eren Dursun, Hidayet Bayraktar
Geliştirici Ekibi: Kağan Çam, Feyzullah Daldal, Emre Çakmakçı
Flash Animasyon: Gülşah Karasakal
Video Prodüksiyon: Kaportafilm

Marka Yönetimi: Bora Başman
Proje Yönetimi: Emrah Dalgıç
Sosyal Medya Yönetimi: Alaaddin Özçam
Kampanya Yönetimi: Mert Alankaya