Vaka çalışması · Medya altyapısı

İran'daki haber merkezlerinin arkasındaki altyapı için iki dilli bir web sitesi

ASAM, İran'ın büyük haber sitelerinin birçoğunun arkasındaki sunucuları, içerik dağıtım ağını ve haber merkezi yazılımını işleten mühendislik grubudur. Yeni web sitesini, kendi marka kitabını temel alarak Farsça ve İngilizce, açık ve koyu temada tasarladık.

Proje başlatın Tüm çalışmaları görün

Genel bakış

Brief

Sorun

ASAM'ın müşterileri, haber kuruluşlarının teknik yöneticileridir. Bu kişiler bir sağlayıcıyı kesintisiz çalışma süresine, hıza ve işlettiği sistemi ne kadar açık anlattığına göre değerlendirir.

Ürünleri bir haber merkezi CMS'inden içerik dağıtım ağına ve video platformuna kadar uzanıyor. Hem Farsça okuyucular hem de İngilizce konuşan iş ortakları için tüm altyapıyı kolayca anlaşılır kılan tek bir siteye ihtiyaçları vardı.

Yaptıklarımız

Her sayfayı ASAM'ın 2024 marka kitabından ve Figma dosyalarından yola çıkarak tasarladık. İngilizce sürümü Farsça metinlerden yazdık ve her bileşeni iki tema için bir tasarım sisteminde belgeledik.

Müşteri
ASAM
Sektör
Medya altyapısı
Süre
2026
Hizmet alanları
Web
Durum
Farsça ve İngilizce tasarlandı, yayına alınması bekleniyor
Her biri Farsça ve İngilizce tasarlanan sayfa
7
Her sayfa için tema: açık ve koyu
2
Figma tasarımından eşleştirilen bileşen
43
Her sayfanın kontrol edildiği ekran genişliği
3

Web

5 hizmetten 2'si

Derin bir teknik altyapıyı iki dilde ve iki temada sade bir dille anlatan bir site tasarladık.

  1. Özel Web Sitesi Tasarımı

    Bütün bir medya altyapısını sade bir dille anlatan site

    Hizmet hakkında

    Yedi sayfa tasarladık: ana sayfa, ASAM CMS ürün sayfası, müşteriler, ekip, fiyatlandırma, hakkımızda ve iletişim. Ana sayfa tek bir vaatle açılıyor: Sunucular, trafik artışları ve gece yarısı alarmları ASAM'ın işi, haber ise haber merkezinin.

    ASAM'ın marka mavisi tek eylem rengidir. Markanın eğrisinden alınan, klasör sekmesine benzeyen çentik, her kartın üzerine kurulduğu biçimdir.

    Teslim ettiklerimiz

    • Ana sayfadan iletişime yedi sayfa tasarımı
    • Ortak bileşenlerle kurulan ürün, müşteri ve ekip bölümleri
    • Her sayfa 360, 768 ve 1440 piksel genişlikte, iki temada kontrol edildi
    ASAM ana sayfasının İngilizce üst bölümü: Infrastructure for major media başlığı, sunucular, trafik artışları ve gece yarısı alarmları hakkında bir giriş metni, iki buton ve %99,99 kesintisiz çalışma rozeti taşıyan bir panel illüstrasyonu, altında dört rakamdan oluşan bir sıra.
    Tasarladığımız ana sayfa, İngilizce ve açık temada, 1280 piksel genişlikte.
    Telefonda açık temada ASAM ana sayfası: logo, tema ve dil düğmeleri ile bir menü butonu, ardından başlık, giriş metni ve alt alta iki buton.
    Aynı sayfa telefonda, açık tema.
    Telefonda koyu temada ASAM ana sayfası: siyaha yakın lacivert bir zemin, ikinci satırı açık mavi olan beyaz bir başlık ve parlayan mavi bir buton.
    Koyu temada ise marka mavisi ışık gibi davranıyor.

  2. İngilizce sürüm

    Farsça siteyi yansıtan bir İngilizce site

    İngilizce sayfaları, bir çeviri brief'i ve bir terim sözlüğüyle Farsça metinlerden yazdık. Böylece ses tonu iki dilde de korunuyor.

    Düzen, soldan sağa okuma için kendini aynalıyor. Latin metinler Manrope, Farsça metinler Vazirmatn ile diziliyor.

    Teslim ettiklerimiz

    • Yedi Farsça sayfanın yanında yedi İngilizce sayfa
    • Ses tonu kuralları ve terim sözlüğü içeren bir çeviri brief'i
    • Her sayfada, aynı sayfayı diğer dilde açan bir dil seçici

  3. Tasarım sistemi

    İki tema için, her bileşeni belgelenmiş bir tasarım sistemi

    ASAM'ın koyu Figma tasarımındaki 43 bileşeni açık temalı siteyle karşılaştırdık ve eksik olan 19 bileşeni oluşturduk. Her biri, sınıf adlarıyla birlikte, açık ve koyu temada canlı olarak tek bir yerde belgelendi.

    Koyu temada marka mavisi ışık gibi davranıyor. Bir köşeden düşüp kenarları yakalıyor, tüm yüzeyler ise düz bir dolgu olarak kalıyor.

    Teslim ettiklerimiz

    • Açık ve koyu temada canlı bir bileşen kütüphanesi
    • Her sayfada metin kontrastı kontrol edilmiş, iki tema için renk token'ları
    • Eşleştirilen 43 Figma bileşeni, bunlardan 19'u sıfırdan oluşturuldu
    Koyu temada ASAM CMS sayfasının üst bölümü: Just focus on your content başlığı, bir giriş metni ve iki buton, altında rakamlar taşıyan klasör biçiminde dört kart; son kart marka mavisi ve hafifçe parlıyor.
    Koyu temada CMS sayfası. Işık bir köşeden düşüyor, yüzeyler düz kalıyor.

  4. Web Araçları

    Günlük trafiğe dayalı bir fiyat hesaplayıcı

    Hizmet hakkında

    ASAM, CMS'ini bir sitenin günlük ziyaret sayısına göre fiyatlandırıyor. Hesaplayıcıyı bunun üzerine tasarladık: Bir trafik seviyesi seçilir, aylık maliyet hemen yanında görünür ve dahil olan her özellik altında listelenir.

    Teslim ettiklerimiz

    • 100.000'den 2 milyon günlük ziyarete altı trafik seviyeli bir kaydırıcı
    • Seçilen seviyenin yanında aylık maliyet
    • Ayrı bir kalem olarak sunulan özel tema tasarımı
    ASAM fiyat hesaplayıcı: 100 binden 2 milyona altı günlük ziyaret seviyesi ve seçili 250 bin, bir kaydırıcı, 250 bin günlük ziyaretin yanında aylık 19.800.000 Tomanlık maliyet, her pakete dahil özellikler ve 75.000.000 Tomanlık özel web sitesi tasarımı seçeneği.
    Tasarladığımız fiyat hesaplayıcı: Bir trafik seviyesi seçin, aylık maliyet hemen yanında görünsün.

Proje başlatın

Anlatılması zor bir ürününüz mü var?

Ne sattığınızı ve kimin satın aldığını anlatın. Alıcılarınızın okuduğu her dilde ürününüzü anlaşılır kılan bir site tasarlayalım. İki iş günü içinde yanıt veriyoruz. Resmi bir RFP mi göndereceksiniz? [email protected] adresine e-postayla iletin.

Teklif isteyin

Strateji görüşmesi

Nerede olduğunuzu anlatın

Bir stratejistle otuz dakika. Görüşmeden, değiştireceğimiz ilk üç şeyi öğrenmiş olarak ayrılırsınız.