İçeriğe geç

Kampanya / tanıtım sitesi · Platform / web uygulaması

Zorbalığı Engelle

TÜRGEV'in çevrimiçi zorbalığa karşı farkındalık projesi için kampanya sitesi ve e-öğrenme alanı kurduk. Rehber, videolar, kaynaklar ve hukuki sorular bir arada.

Müşteri
TÜRGEV
Yapım
Teknoloji
WordPress, WPBakery

Neler yaptık

Zorbalığı Engelle ana sayfası: kulaklıklı bir kızın yer aldığı animasyonlu giriş videosu ve ikonlu menü, masaüstü görünüm
Zorbalığı Engelle ana sayfası: animasyonlu giriş videosu ve logo, mobil görünüm

Çevrimiçi zorbalığa karşı başvurulacak bir rehber

Zorbalığı Engelle, TÜRGEV’in çocukları zorbalığa, özellikle de çevrimiçi zorbalığa karşı korumak için başlattığı bir farkındalık projesi. Bu tür bir sitenin hem kampanyanın sesini duyurması hem de ebeveyn, öğretmen ve çocuk için güvenilir bir başvuru kaynağı olması gerekiyor.

Ana sayfayı kampanya etiketini taşıyan animasyonlu bir videoyla açtık. Hemen ardından ziyaretçiyi dört ana başlığa yönlendirdik: zorbalık ve türleri, çevrimiçi zorbalığa karşı farkındalık rehberi, e-öğrenme ve siber zorbalığın hukuki boyutunu ele alan sıkça sorulan sorular. Menüde bunlara videolar ve kaynaklar ekleniyor; çevrimiçi zorbalık ve güvenli internet konuları da ayrı sayfalarda anlatılıyor. Farkındalık rehberi PDF olarak indirilebiliyor, kampanya afişleri ve proje ikonu da sitede paylaşılıyor.

Ana başlık kartları: Zorbalık, Rehber, E-Öğrenme ve S.S.S illüstrasyonları, masaüstü görünüm
Ana başlık kartları ikişerli ızgarada, mobil görünüm

Gece mavisi bir oda ve elle çizilmiş karakterler

Görsel dili kampanya filminden aldık. Mor ve gece mavisi tonlarındaki zemin, pembe ve turkuaz vurgular ve el çizimi görünümlü logo, çocukların ve gençlerin tanıdığı canlı bir dünya kuruyor. Ana başlıkları mor çerçeveli yuvarlak illüstrasyonlarla eşleştirdik. Her kartta turkuaz bir başlık, tek cümlelik bir açıklama ve “İnceleyin” düğmesi var. Bölümler arasındaki dalgalı geçişler sayfaya yumuşak bir ritim veriyor, geniş harf aralıklı ince yazı karakteri başlıklara sakin bir ton katıyor.

Masaüstünde logo menünün tam ortasında duruyor, ikonlu menü iki yana açılıyor. Mobilde logo sola alınıyor, menü tek bir düğmede toplanıyor ve dört ana başlık ikişerli bir ızgarada okunuyor. Konunun ağırlığına rağmen sayfa, çocuğu korkutmayan bir sıcaklıkta kalıyor.

E-Öğrenme sayfası girişi: ebeveynler ve eğitimciler için temel kavramlar başlığı, masaüstü görünüm
E-Öğrenme sayfası girişi ve illüstrasyon, mobil görünüm

Modül modül ilerleyen bir e-öğrenme alanı

Siteyi WordPress üzerinde, WPBakery sayfa düzenleyicisiyle geliştirdik. E-öğrenme bölümünü ebeveynler ve eğitimciler için konulara ayrılmış modüller halinde kurduk: zorbalığı anlamak, çocuğunuz zorbalığa uğruyorsa, çocuğunuz zorbalık yapıyorsa, eğitim kurumlarına ve eğitimcilere düşenler ve çevrimiçi zorbalık. Her modülün içinden diğerlerine ve e-öğrenme ana sayfasına geçilebiliyor. Ana sayfadaki video arka planı bir video oynatıcı eklentisiyle, iletişim formunu Contact Form 7 ile kurduk.

TÜRGEV’e bu siteye özel bir yönetim paneli de hazırladık. Panel; e-öğrenme modüllerinin, rehber ve afiş dosyalarının, videoların, kaynakların ve sıkça sorulan soruların güncellenmesini kolaylaştırıyor. Bu projeyle bağlantılı bir başka işimiz için Nebula İstanbul referansına göz atabilirsiniz.

  • Zorbalığı Engelle ana sayfası: kulaklıklı bir kızın yer aldığı animasyonlu giriş videosu ve ikonlu menü, masaüstü görünüm
  • Ana başlık kartları: Zorbalık, Rehber, E-Öğrenme ve S.S.S illüstrasyonları, masaüstü görünüm
  • E-Öğrenme sayfası girişi: ebeveynler ve eğitimciler için temel kavramlar başlığı, masaüstü görünüm
  • E-Öğrenme sayfası girişi ve illüstrasyon, mobil görünüm
  • Ana başlık kartları ikişerli ızgarada, mobil görünüm
  • Zorbalığı Engelle ana sayfası: animasyonlu giriş videosu ve logo, mobil görünüm