PROJE ALTYAPISI
2M Ambalaj Dijital Altyapısı Nasıl Hazırlandı?
Bu web sitesi; ürünlerin doğru anlatılması, içeriklerin kolay yönetilmesi ve masaüstü, tablet ve mobilde aynı kalite çizgisinin korunması için projeye özel bir yapı üzerinde hazırlandı.
Projeye Özel TemaYönetilebilir İçerikResponsive MimariSEO Temelli Yapı
2M AMBALAJ · DİJİTAL PROJETek Tasarım Sistemi.
Tek Yönetim Altyapısı.
Tek Yönetim Altyapısı.
PROJEYE ÖZEL YAPI
Hazır Şablon Değil, Markaya Özel Bir Sistem.
2M Ambalaj için hazırlanan yapı; markanın ürünlerini, kurumsal dilini ve teklif odaklı kullanıcı yolculuğunu tek bir tasarım sistemi altında birleştirir. Sayfalar birbirinden bağımsız tasarımlar olarak değil, aynı görsel ve teknik kuralların devamı olarak oluşturuldu.
Altyapı, Netasus Core CMS üzerinde 2M Ambalaj için geliştirilen projeye özel tema ile çalışır. Ürün görselleri, temel içerikler ve sayfa alanları yönetilebilir tutulurken ön yüz tasarımı markanın kendi kimliğine göre şekillendirildi.
TEMEL BİLEŞENLER
Projenin Teknik ve Görsel Temeli
Web sitesinin yalnız bugün değil, yeni içerik ve ürün ihtiyaçlarıyla birlikte sürdürülebilir biçimde kullanılabilmesi hedeflendi.
Özel Tasarım Sistemi
2M Ambalaj’ın renk, tipografi, görsel ve CTA dili için ortak arayüz kuralları oluşturuldu.
Yönetilebilir İçerik
Ürün, görsel ve temel sayfa içeriklerinin yönetim paneli üzerinden güncellenebilmesine uygun yapı kuruldu.
Responsive Mimari
Header, kartlar, galeriler, CTA alanları ve içerik blokları farklı ekran boyutları için birlikte planlandı.
SEO Altyapısı
Başlık, meta, canonical, sitemap, yapılandırılmış veri ve çok dilli yapıya uygun teknik temel hazırlandı.
ÜRÜN ODAKLI MİMARİ
Ürünler Sadece Listelenmedi, Anlatıldı.
Her ürün grubu için aynı master yapı korunurken içerik, kullanım örnekleri ve görseller ürüne göre özelleştirildi.
Çatal Kaşık Kılıfı
Ürün anlatımı, kullanım, galeri ve teklif akışı tek detay yapısında.
Ürünü İncele →Bardak Altlıkları
Çay, kahve, bira bardağı altlığı ve Dole isimleri aynı ürün mimarisinde korunur.
Ürünü İncele →Kullan At Kumaş Amerikan Servis
Ürünün kullanım mantığı, desen seçenekleri ve uygulama detayları görsel olarak anlatılır.
Ürünü İncele →TUTARLI DİJİTAL KİMLİK
Tasarım, İçerik ve Teknik Altyapı Aynı Sistem İçinde.
Ortak Görsel Dil
Krem, lacivert ve bakır palet; serif/sans tipografi ve ortak boşluk sistemi tüm sayfalarda korunur.
Tek CTA Sistemi
Telefon, WhatsApp, teklif ve ürün aksiyonları aynı davranış ve görsel hiyerarşiyle çalışır.
Teknik Bütünlük
Sayfa, ürün ve kurumsal içerikler aynı CMS çekirdeği ve tema bileşenleri üzerinde çalışır.
Geliştirilebilir Yapı
Yeni içerikler ve ilerideki İngilizce katman mevcut tasarım sistemini bozmadan eklenebilir.
PROJE SÜRECİ
Altyapı Nasıl Hazırlandı?
Marka ve ürün yapısından teknik yayına kadar proje aynı sistem üzerinde adım adım şekillendirildi.
- 01
Marka ve Ürün Yapısı
Üç ana ürün grubu, kullanıcı ihtiyaçları ve sayfa mimarisi netleştirildi.
- 02
Tasarım Sistemi
Renkler, tipografi, kartlar, CTA’lar, görsel oranlar ve responsive kurallar sabitlendi.
- 03
CMS Entegrasyonu
Ürünler ve kurumsal sayfalar yönetilebilir içerik alanlarıyla projeye özel temaya bağlandı.
- 04
Teknik Optimizasyon
Mobil davranış, performans, SEO sinyalleri, formlar ve yayın öncesi kontroller birlikte ele alındı.
PROJE GELİŞTİRİCİSİ
2M Ambalaj’ın Dijital Altyapısı
2M Ambalaj web sitesinin tasarım sistemi, CMS entegrasyonu ve teknik geliştirme çalışmaları Netasus tarafından gerçekleştirildi.