Kurumsal Web
Alp-Er Matbaa
Matbaa ve kaşe hizmetleri sunan bir işletme için hazırlanan, responsive tek sayfa tanıtım sitesi.
Yayında
Genel bakış
İşletmenin hizmetlerini, iletişim bilgilerini ve konumunu tek sayfada toplayan tanıtım sitesi. Ziyaretçinin telefon veya WhatsApp üzerinden hızlıca iletişime geçebilmesi önceliklendirildi.
- Kimin için
- Matbaa ve kaşe hizmeti arayan yerel müşteriler.
- Çözdüğü ihtiyaç
- İşletmenin internette görünürlüğü yoktu; müşteriler hizmet kapsamını ve iletişim bilgilerini bulmakta zorlanıyordu.
Benim rolüm
Sitenin tasarımını ve geliştirmesini hazır bir çerçeve ya da derleme adımı kullanmadan HTML, CSS ve JavaScript ile yaptım. Hizmetleri matbaa ve kaşe olarak iki ayrı listede düzenledim; giriş bölümündeki daktilo efektli başlığı ve üzerine gelince duran ürün görseli carousel’ini JavaScript ile yazdım.
Telefonla arama, WhatsApp ve harita bağlantılarını üst bilgi çubuğundan iletişim bölümüne kadar ziyaretçinin bulunduğu her bölümde erişilebilir kıldım. Sayfayı farklı ekran genişliklerine uyarladım, hareket azaltma tercihine uydum; başlık, açıklama, paylaşım etiketleri ve yerel işletme yapılandırılmış verisiyle arama motorlarına hazırladım.
Öne çıkan özellikler
-
Tek sayfa yapı
Hizmetler, iletişim bilgileri ve konum her ekran boyutuna uyumlu tek sayfada toplanıyor.
-
Hizmet sunumu
Matbaa ve kaşe hizmetleri ayrı gruplar halinde, hizmet görselleriyle sunuluyor.
-
Doğrudan iletişim
Ziyaretçi telefon, WhatsApp ve harita üzerinden işletmeye hızlıca ulaşabiliyor.
-
SEO odaklı içerik
İçerik düzeni arama motorları gözetilerek kuruldu.
Sitenin içinde ne var?
Ekran görüntüleri sitenin kendisinden alınmıştır; temsili tasarım değildir.
Neden böyle kuruldu?
-
Statik tek sayfa
Site derleme adımı ve sunucu tarafı kod gerektirmeyen düz HTML, CSS ve JavaScript’ten oluşuyor; dosyalar herhangi bir web sunucusunda ya da doğrudan tarayıcıda açılabiliyor.
-
Sistem yazı tipleri
Harici yazı tipi yüklenmiyor; sayfa internet bağlantısı olmadan açıldığında da aynı görünüyor.
-
Gömülü simgeler, CSS dokular
Simgeler performans için sayfaya gömülü SVG olarak, dokular CSS ile hazırlandı; harici kütüphane kullanılmıyor.
-
Betik olmadan da görünür içerik
Animasyonlar yalnızca JavaScript çalıştığında devreye giriyor; betik çalışmazsa içerik gizli kalmıyor.
Teknoloji yığını
- HTML
- CSS
- JavaScript
Teslim
Tek sayfalık tanıtım sitesi; giriş bölümü, acil kaşe bölümü, matbaa ve kaşe hizmet listeleri, “Neden ALP-ER” kartları, yerel tanıtım metni ve harita içeren iletişim bölümünden oluşuyor. Ziyaretçi telefonla arama, WhatsApp’tan yazma ve konuma gitme bağlantılarına üst bilgi çubuğundan, giriş ve iletişim bölümlerinden ve mobil menüden ulaşabiliyor. Statik yapıdaki site www.alp-ermatbaa.com.tr adresinde yayında.
İletişim
Aklınızdaki uygulamayı birlikte planlayalım.
Fikrinizi birkaç cümleyle anlatın; ihtiyacınızı netleştirip izleyebileceğimiz yolu birlikte konuşalım.