31.11.2020 Salı BİEN SİTE WEB SİTE OLUŞTURUCU (UI / UX) ARAYÜZ / TASARIM PLANLAMA
İÇİNDEKİLER Tüm başlıklar ve detaylar dikkatlice incelenmeli ÖZET 12 Tanıtım Sayfaları 17 1. Anasayfa 2. Kurumsal Sayfası • Hakkımızda • Gizlilik Politikası • Kullanım Şartları • Çerez Politikası • Güvenlik 3. Kariyer • Pozisyonlar • Bilgi Formu 4. Fiyatlandırma (Ücret Planı) 5. Yayındaki Site Örnekleri 6. Hazır Web Site (Zorunlu Değil) 7. Destek Merkezi • Sıkça Sorulan Sorular • Yardım Videoları • Uzman Desteği 8. Tasarım Araçları • Logo Hizmeti • Banner Hizmeti (Zorunlu Değil) 9. İletişim 10. Blog & Forum (Zorunlu Değil) Kullanıcı Giriş 1. Kullanıcı Üyelik • Facebook Giriş • Google Giriş 2. Kullanıcı Girişi
Sektörler 19 21 1. Sektör Arama (İnput) 2. Sektör Listesi • Hukuk (Zorunlu Değil) • İnşaat, Yapı • Muhasebe, Finans, Danışmanlık • Otomotiv, Oto Kiralama • Reklam, Pazarlama • Tarım, Hayvancılık • Teknoloji, Yazılım • Üretim (Zorunlu Değil) • Grafik Tasarım, Fotoğrafçılık • Müzik • Moda, Sanat • Restaurant, Kafe • Aşçı, Yemek Tarifleri • Kişisel, Portföy • Güzellik Salonu • Hastane, Özel Klinik • Spor, Fitness • Okul, Kurs • Anaokulu, kreş • Turizm, seyahat (Zorunlu Değil) • Tamirat Hizmetleri (Zorunlu Değil) • Topluluk (Zorunlu Değil) • Otel, Konaklama 3. Sektör Fotoğrafları Temalar 1. Renk Paletleri (Üst Düzey) 2. Tema Çeşitleri • Aqua
• Doğal 23 • Zarif 25 • Minimal • Klasik 29 • Moda • Gece • Uçuk Hazır Şablonlar 1. Tüm Sektörlere Özel Hazır Dizaynlar Web Site Oluşturma 1. Kurumsal, E-Ticaret Seçeneği 2. Sektör Seçimi 3. Site Adı Girişi 4. Genel Ayarlar 5. Tema Seçimi 6. Sayfa Seçimi 7. İnternet Sitesi Türü (Zorunlu Değil) 8. Şablon Seçimi 9. Oluşturulan Web Site Listesi Bölüm (Section) Kategorileri 1. Sektöre Göre Bölümler • İnşaat, Yapı - Projeler • Otomotiv, Oto Kiralama (Zorunlu Değil) - Kiralama için form • Müzik - Konser Etkinlik Takvimi - Konser Rezervasyon • Restaurant, Kafe - Menü - Restaurant Rezervasyon
• Güzellik Salonu (Zorunlu Değil) - Güzellik Merkezi Rezervasyon • Hastane, Özel Klinik - Hastane Rezervasyon • Otel, Konaklama - Odalar - Oda Rezervasyon 2. Genel Bölümler • Fiyatlandırma • Ürün Tanıtım • Header (Üst Bilgi) • Footer (Alt Bilgi) • Slider Banner • Tek Ürün Tanıtım • Hoşgeldiniz Banner • Kurumsal Metinler • Haberler • Çok Yakında (Zorunlu Değil) • Sıkça Sorulan Sorular • Çalışma Saatlerimiz • Hakkımızda • Kariyer • Blog (Zorunlu Değil) • Hizmetlerimiz • Program • Dosya İndir • Müşteri Yorumları • Sosyal Medya Hesapları • Sosyal Medya Widget (Zorunlu Değil) • Rakamlarla Biz • Hizmet Kategorisi • İçerik Slider • Neden Biz • Çoklu Dil Ekleme (Zorunlu Değil) • Ekibimiz • İş Ortaklarımız • İletişim • Metin Banner • Liste 3. Öğeler • Boşluk Bırakma (Alt Satır) • Başlık • Metin • Fotoğraf Galerisi • Ses Dosyası • Video • Tek Harita • Tek Fotoğraf • Buton (Üst Düzey) 4. Bölüm Animasyonları (Üst Düzey) 5. Bölüm Metinleri
6. Formlar 34 • Fiyat Teklifi • Rezervasyon • Anket (Zorunlu Değil) • Yorum Ekle Formu • Destek Formu • İş Başvuru Formu 7. E- Ticaret (Üst Düzey) • Özel Header (üst bilgi) • Mağaza • Kategoriler • Ürün Listesi • Ürün Detay • Kampanya Slider/Banner • Sepet • Müşteri Üyelik Formu • Müşteri Üye Girişi • Satın Alma Formu Editör 1. Oluştur • Sayfa Ekle - Düzenle • Bölüm Ekle - Düzenle 2. Sayfalar • Sayfa Listesi • One Page Sayfa Oluşturma (Zorunlu Değil) • Tavsiye Edilen Sayfalar (Zorunlu Değil) 3. Tasarım • Tema Değiştirme • Şablon Değiştirme • Tema Renk Paletleri • Metin, Başlık Araçları • Renk Araçları 4. Mağaza (E-Ticaret için) • Ürün Yönetimi
• Ürün Yönetimi 45 • Kategori Yönetimi 50 • Ürün Ekle Butonu • Müşteri Geri Bildirim / Mesaj 5. Site Ayarları 6. Site Önizleme 7. Site Plan Satın Al / Yayınla 8. Geri / İleri Alma (Üst Düzey) 9. Kaydetme Butonu 10. Destek Merkezi ve Yardım Videoları 11. Genel Özellikler Görsel Galerisi 1. Görsel / Fotoğraf Ekleme 2. Görsel / Fotoğraf Kategori Oluşturma (Üst Düzey) 3. Görsel / Fotoğraf Klasörleme (Üst Düzey) 4. Arama / Filtreleme (Üst Düzey) 5. İçe Aktarma (diğer platformlar) 6. Bien Site Görsel / Fotoğraf / İkon Kütüphanesi (Üst Düzey) 7. Çöp Kutusu (Geri Yükle) 8. Basit Fotoğraf / Görsel Düzenleme Editörü (Üst Düzey) 9. Genel Özellikler Yayınla ve Domain (Alan Adı) - Özet 1. Site Görüntüleme 2. Yeni Domain Satın Alma • Domain Sorgulama / Seçme 3. Mevcut Domain Ekleme • Domain Seçme / Name Server 4. Domain Transfer • Transfer İşlemleri 5. Plan Seçme Ekranı
6. Satın Alma İşlemleri 53 Kullanıcı Paneli (Özel Planlama)- Özet 1. Web Sitelerim 2. Mağaza • Raporlar • Ürün Yönetimi • Kategori Yönetimi • Entegrasyonlar • Kargo Modülü • Ödeme Yöntemi • Üye Yönetimi 3. Görsel / Fotoğraf Kitaplığı • Görsel / Fotoğraf Listesi • Görsel / Fotoğraf Ekleme • Görsel / Fotoğraf Sil / Düzenle • Görsel / Fotoğraf Klasörleme • Çöp Kutusu 4. Alan Adı / Domain İşlemleri • Alan Adı Listesi • Yeni Domain Satın Alma • Mevcut Domain Bağlama • Domain Transfer 5. Mail Ayarları 6. Pazarlama Araçları • SEO • Google Araçları • Yandex Araçları 7. Kullanıcı Ayarları • Kişisel Bilgiler • Ödeme Yöntemleri • Fatura Adresi
• Şifre İşlemleri 57 60 9. Site Yayınla 64 • Yayında Olan Siteler • Site Yayınlama / Domain İşlemleri Yönetici / Admin Paneli (Özel Planlama) - Özet 1. Hazır Şablon Oluşturucu / Ekstra Yönetici Editörü (Üst Düzey) 2. Sektör Ayarları 3. Bölüm ve Sayfa Ayarları 4. Editör Ayarları 5. Fotoğraf Kütüphanesi Ayarları 6. Tanıtım Sayfası Ayarları 7. Tema / Renk Paleti Ayarları 8. DİĞER TÜM AYARLAR Mailing - Özet 1. Hoşgeldiniz 2. E-Posta Onayı 3. Şifremi Unuttum 4. Bilgilendirme 5. Siteniz Yayında 6. Siteniz Yayından Kaldırıldı 7. Domain Süreniz Bitiyor 8. Ödeme Başarıyla Alındı 9. Ödeme Günü Yaklaşıyor 10. Yenilikler / Güncellemeler Bilgilendirme Logo Şablonları (Üst Düzey) 1. Logo Oluşturucu 2. Sektöre Özel Logo Şablonları 3. Sektöre Özel Favicon Şablonları
Sektör Görselleri / Fotoğrafları 65 66 1. Tüm Sektörler Fotoğraf / Görsel / İkon Klasörleme 69 2. Bien Site Kitaplığı Oluşturma 70 Bien Site Web Site Oluşturucu Genel Özellikler 71 EKLER Sosyal Medya Yönetimi - Özet 1. Genel Tanıtım Paylaşımların Hazırlanması 2. Haftalık Paylaşım Planı 3. Reklam / Kampanya Paylaşımları 4. İstatistik Takipleri 5. Diğer Video - Özet 1. Ön Tanıtım Videosu 2. Genel Tanıtım Videosu 3. Özellik Tanıtım Videosu 4. Yardım Videoların Hazırlanması 5. Diğer / Reklam Videoları Reklam - Özet 1. Arama Motoru Optimizasyonu (SEO) 2. Sosyal Medya Reklamları 3. Youtube Reklamları 4. Remarketing 5. Mail Bülten Reklamları 6. Açık Hava Reklamları (Gerekliliğe Göre) 7. Tanıtım Sayfası Gerekli Tasarımlar 8. Diğer Reklam Araçları
Rakipler 72 74 1. Üst Düzey Rakipler 2. Orta Düzey Rakipler 75 3. Türk Rakipler 4. Mobil Uygulama Oluşturucu Platformlar Yazılım Geliştirme Planlama / Aşama (Özet) 1. Planlama 2. Analiz • Rakip Analizi • Piyasa Analizi • Personel Bütçe Analizi • Reklam Bütçe Analizi 3. Ekip (Minimum) • Proje Yöneticisi • Teknik Grafik Tasarımcı • 2 Front-End Yazılımcı • 2 Back-End Yazılımcı • Pazarlamacı (Proje Başında Zorunlu Değil ) • SEO Uzmanı (Proje Başında Zorunlu Değil) • Sosyal Medya İçerik Yöneticisi(Proje Başında Zorunlu Değil / İleri Seviye) • Veri Tabanı Uzmanı (Proje Başında Zorunlu Değil / İleri Seviye) • Müşteri Temsilcisi (Proje Başında Zorunlu Değil) • Grafik Tasarımcı (Proje Başında Zorunlu Değil) • Metin Yazarı (Proje Başında Zorunlu Değil / İleri Seviye) • Web Site İçerik Yöneticisi (Proje Başında Zorunlu Değil) 4. UI / UX Arayüz Tasarımı 5. Front-End Kodlama 6. Back-End Kodlama / Programlama 7. Test 8. Devreye Alma, Reklam ve Bakım 9. Geliştirme Yazılım Kodlama / Programlama Planlaması Tahmini Proje Bitiş / Teslim Tarihi Gerekli Uyarılar
TANITIM SAYFASI
Anasayfa • Çarpıcı ve yaratıcı çalışma • Scroling animated (kaydırmalı animasyon) ve parallax özelliği Örnek Siteler www.dreamstormstudios.com weedensenteret.no mollerrothe.com generator-z.org www.squadeasy.com www.apple.com/iphone-12 Örnek • Güncel ve trend kodlama dilleri (Vue.js, React, HTML5, CSS3) • Farklı ve yaratıcı menü yapısı / içeriği • Üye girişi, web site oluştur, kurumsal bilgiler ve kullanılabilirlik • Diğer Genel Özellikler Kurumsal Sayfası • Gerekli bilgilendirme metin / içerik sayfaları • Gerekli yerlerde scrolling animated özelliği Hakkımızda Gizlilik Politikası Kullanım Şartları Çerez Politikası Güvenlik Diğer 13
Örnek Örnek Kariyer • Gerekli bilgilendirme metin / içerik • Gerekli yerlerde scrolling animated özelliği Pozisyonlar Bilgi Formu Örnek Fiyatlandırma Örnek • Gerekli bilgilendirme metin / içerik • Ödeme Planı Seçimi 14
Yayındaki Site Örnekleri • Bien site ile yapılmış örnek sitelerin listelenmesi / Galeri Hazır Web Site • Bien site ile kullanıcılar için satılabilir hazır sitelerin listelenmesi Destek Merkezi • Bien site kullanıcılara özel kılavuz metinleri • Sıkça sorulan sorular özelliği • Kullanıcılara özel yardım videoları / galeri • Kullanıcı isteği üzere uzman desteği / web site kurulumu desteği • Diğer Tasarım Araçları • Kullanıcı isteği üzerine özel logo tasarımı • Kullanıcı isteği üzerine web site banner tasarımı • Kullanıcı istek formu • Diğer İletişim Örnek • Gerekli yerlerde scrolling animated özelliği • Genel harita, iletişim bilgisi, form özellikleri 15
Blog & Forum • Yenilikler ve güncellemelerin bilgilendirilmesi • Yeni teknolojik gelişmelerin bilgilendirilmesi • Kullanıcılar arası etkileşimin sağlanması Örnek NOT : Tanıtım sayfası için gerekli diğer sayfalar (404, 500 hata sayfaları vb) 16
KULLANICI GİRİŞİ
Kullanıcı Üyelik • Kullanıcı minimum, hızlı üyelik açılması • Hızlı facebook ve google hesap oluşturma • Üyelik Onayı • Diğer Kullanıcı Girişi • Hızlı ve basit kullanıcı girişi • Hızlı facebook ve google hesap girişi • Web site oluşturucu yönlendirmesi • Şifremi unuttum işlemleri • Diğer Örnek 18
SEKTÖRLER
Sektörler • Web site oluşturulurken kullanıcıların seçeceği sektör listesidir • Kullanıcı sektör seçerken genel başlıklarda arama motoru özelliği • Sektörlere özel section (bölümler), fotoğraflar / görseller (klasörleme), temalar, logo şablonları, faviconlar, hazır şablonların (template) ve metinlerin hazırlanması • Minimum 15 - 25’şer adet her sektöre özel fotoğraf araştırma / stoklama • Ortalama içerik toplamı: 460 fotoğraf, 23 logo, 23 favicon, 23 Metin Dosyası • Genel Sektör Başlıkları Hukuk (Zorunlu Değil) Örnek İnşaat, Yapı Muhasebe, Finans, Danışmanlık Otomotiv, Oto Kiralama Reklam, Pazarlama Tarım, Hayvancılık Teknoloji, Yazılım Üretim (Zorunlu Değil) Grafik Tasarım, Fotoğrafçılık Müzik Moda, Sanat Restaurant, Kafe Aşçı, Yemek Tarifleri Kişisel, Portföy Güzellik Salonu Hastane, Özel Klinik Spor, Fitness Okul, Kurs Anaokulu, kreş Turizm, seyahat (Zorunlu Değil) Tamirat Hizmetleri (Zorunlu Değil) Topluluk (Zorunlu Değil) Otel, Konaklama NOT : Planlamada verilen sektör başlıklarının ilk aşamada sabit olması gerekmektedir. 20
TEMALAR
Renk Paletleri • Web site oluştururken kullanıcının seçeceği temadaki çoklu renk paleti • Editör tasarım bölümünde renk paletleri güncellemesi • Bölümlerin (sections) özel olarak renklendirilmesi • Özel renk oluşturmak için colorpicker özelliği • Renk seçimi, saydamlık ve diğer ayarlar • Minimum 4 - 10 renk paleti örneği Örnek Tema Çeşitleri Örnek • Web site oluştururken kullanıcının seçeceği temalar • Yazı tipi ve uyumlu renklerin seçilmesi • Editör tasarım bölümünde temaların güncellemesi • Tema Başlıkları Aqua Doğal Zarif Minimal Klasik Moda Gece Uçuk NOT : Planlamada verilen tema başlıklarının ilk aşamada sabit olması gerekmektedir. Buton tasarımıda (keskin-yuvarlak-oval özellikleri) temaya eklenebilir. 22
HAZIR ŞABLONLAR (TEMPLATES)
Tüm Sektörlere Özel Dizaynlar • Web site oluştururken kullanıcının seçeceği şablonlar • Editör tasarım bölümünde şablonların güncellemesi • Tüm sektörlere bölüm, fotoğraf, metin, favicon ve logolarla özel şablon hazırlanması • Yönetici panelinde özel, hızlı ve basit şablon oluşturucu ekstra editör özelliği • Minimum 2’şer adet her sektöre özel şablon oluşturma • Ortalama içerik toplamı: 46 şablon (template) Örnekler NOT : Anasayfa haricinde diğer sayfalar içinde şablon örnekleri yapılması gerekebilir. 24
WEB SİTE OLUŞTURMA
Kurumsal, E-Ticaret Seçeneği • Kullanıcı girişi yapıldıktan sonra web site oluşturucuya yönlendirilmesi • Kullanıcının site üzerinden satış yapmak / yapmamak isteğinin belirlenmesi • E-Ticaret için ayrı bir web site oluşturucu / Editör • Sadece tanıtım web sitesi oluşturma seçeneği • Tekrar güncellenemez Örnek Sektör Seçimi • Kullanıcının uygun sektör seçeceği adım • Kullanıcı sektör seçerken genel başlıklarda arama motoru özelliği • Tekrar Güncellenemez Örnek Site Adı Girişi • Kullanıcının uygun site adı seçeceği adım • Yayınlarken default olarak atanacak subdomain adı • Editörde Güncellenebilir Örnek 26
Site Genel Ayarlar • Logo seçimi ve logo yükleme teknik bilgileri (150 kb, jpg, png gibi detaylar) • Genel site bilgileri (Minimum) Adres Bilgisi E-Posta Telefon 1 Telefon 2 Sosyal Medya Harita iframe • Editörde Güncellenebilir Örnek Sayfa Seçimi • Kullanıcının ihtiyaçlarına uygun sayfa öneri adımı • Ör./ Otel Sektörü - Hakkımızda, Odalar • Editörde Güncellenebilir Örnek Tema Seçimi • Kullanıcının zevkine göre seçeceği temalar • Hazır font ve renk seçenekleri • Editörde Güncellenebilir 27
İnternet Sitesi Türü (Üst Düzey) • Çoklu Sayfa (Multipage) veya Tek Sayfa (Onepage) seçimi • Editörde Güncellenebilir (Üst Düzey) Şablon (Template) Seçimi • Kullanıcının zevkine göre seçeceği şablonlar • Editörde Güncellenebilir Oluşturulan Web Site Listesi • Kullanıcının oluşturduğu web sitesi düzenlemesi (ekle - sil (çöp kutusu) - çoğalt - taşı - yeniden adlandırma) • Kullanıcının oluşturduğu web siteye göre kapak görsellerinin (Featured Image) hazırlanması. OLuşturulan web sitenin ekran fotoğrafı • Yayında veya yayında değil bilgilendirmesi • Oluşturulan web siteleri için arama motoru • Çöp kutusu ve geri yükle özelliği Örnek NOT : Kullanıcının giriş yaptıktan sonra öncelikle kullanımla ilgili kısa bir yardım turu olabilir. Kullanıcıların basit ve hızlı editöre ulaşması için “adımı atla” butonu olmalıdır. 28
BÖLÜM (SECTION) KATEGORİLERİ
Sektöre Göre Bölümler • Web site düzenlerken editörde seçilen bölüm / model tasarımları • Sektöre özel bölüm (section) kategorilerinin ve modellerinin (sections) oluşturulması • İnşaat, Yapı Örnekler - Projeler • Otomotiv, Oto Kiralama (Zorunlu Değil) - Kiralama için form • Müzik - Konser Etkinlik Takvimi - Konser Rezervasyon • Restaurant, Kafe - Menü - Restaurant Rezervasyon • Güzellik Salonu (Zorunlu Değil) - Güzellik Merkezi Rezervasyon • Hastane, Özel Klinik - Hastane Rezervasyon • Otel, Konaklama - Odalar - Oda Rezervasyon 30
Genel Bölümler • Genel bölüm (section) kategorilerinin ve modellerinin (sections) oluşturulması • Header (Üst Bilgi) • Fiyatlandırma • Footer (Alt Bilgi) • Ürün Tanıtım • Slider Banner • Tek Ürün Tanıtım • Hoşgeldiniz Banner • Kurumsal Metinler • Çok Yakında (Zorunlu Değil) • Haberler • Hakkımızda • Sıkça Sorulan Sorular • Hizmetlerimiz • Çalışma Saatlerimiz • Müşteri Yorumları • Kariyer • Rakamlarla Biz • Blog (Zorunlu Değil) • Neden Biz • Program • Ekibimiz • Dosya İndir • İş Ortaklarımız • Sosyal Medya Hesapları • İletişim • Sosyal Medya Widget (Zorunlu Değil) • Metin Banner • Hizmet Kategorisi • Liste • İçerik Slider • 404 Hatası (Zorunlu Değil) • Çoklu Dil Ekleme (Zorunlu Değil) Örnekler 31
Öğeler • Multimedya dosyaları ve tek olarak eklenebilen bölümlerin ve modellerinin oluşturulması • Bölümler arası Boşluk Bırakma (Alt Satır) • Başlık • Metin • Fotoğraf Galerisi • Ses Dosyası • Video • Tek Harita • Tek Fotoğraf • Buton (Üst Düzey) Örnekler Bölüm Animasyonları (Üst Düzey) • Seçilen bölüme animated scrolling ve parallax özelliği • CSS geçişlerini (transitions) ve animasyonları (animations) • Vue.js vb. kütüphaneler kullanarak interaktif bölüm özellikleri Örnekler Bölüm Metinleri • Tüm bölüm kategorilerine özel metinlerin yazılması • Sektöre özel seçilen bölümlere metin yazılması 32
Formlar • Kullanıcı ve site ziyaretçisinin arasında etkileşim sağlanması için özel formların ve modellerinin oluşturulması Örnekler • Fiyat Teklifi • Rezervasyon • Anket (Zorunlu Değil) • Yorum Ekle Formu • Destek Formu • İş Başvuru Formu E-Ticaret (Üst Düzey) - Özel Planlama • E-Ticaret sistemini seçen kullanıcılar için özel bölüm kategorilerin ve modellerinin oluşturulması Örnekler • Özel Header (üst bilgi) • Mağaza • Kategoriler • Ürün Listesi • Ürün Detay • Kampanya Slider/Banner • Sepet • Müşteri Üyelik Formu • Müşteri Üye Girişi • Satın Alma Formu NOT : Her bölüm kategorisi için Min. 3 - 6 arasında model tasarımı hazırlanmalıdır. “Ortalama içerik toplamı: 142 model(section)“ Bölümler ve modelleri çeşitlendirilebilir. Tüm modellerin kapak görsellerinin (Featured Image) hazırlanması. 33
BİEN SİTE EDİTÖR
Oluştur • Sayfa Ekle - Düzenle - Yeni Sayfa Ekle * Sayfa türü seçimi (Üst Düzey) “Örn./Standart Sayfa, Kategori Sayfa vb.” * Sayfa türüne göre özel sayfa şablonları (templates) (Üst Düzey) Örnekler * Seçilen sektöre göre sayfa önerisi * Sayfa adı girişi * Sayfayı header menüde ve footer menüde gizle/göster seçeneği * Sadece başka sayfaya (ayrı bir siteye/belgeye) link yönlendirme seçeneği Örnekler * Sayfaya özel popup tanıtım/ reklam eklenmesi (Üst Düzey) - Sayfa Düzenle * Sayfa içeriği yönetme (Üst Düzey) “Örn./Seo için gerekli metinler, Sayfa URL’si vb” * Menülerde (Navbar) gizle/göster * Sıralama / Taşı sürükle bırak özelliği * Yeniden adlandırma * Sayfayı sil / çöp kutusu / geri yükle seçeneği (Üst Düzey) * Sayfayı çoğaltma * Sayfaya bölüm ekle / düzenle 35
• Bölüm Ekle - Düzenle - Yeni Bölüm Ekle * Bölüm ekle buton * Bölüm (section categories) kategori gruplaması “Örn./Öğeler, formlar, genel bölümler vb.” (Zorunlu Değil) * Bölüm (section categories) kategori ve modelleri (sections) listelenmesi * Bölüm için arama motoru * Model seçimi * Seçilen model ve başlıkları için selected özelliği (seçili / tick sembolü) (Üst Düzey) Örnekler - Bölüm Düzenle * Tıkla / Dokun düzenle özelliği * Siteye eklenen bölümlerde “Bölüm Düzenle“ butonu * Öğeli modellerde öğe düzenleme / ekleme / sıralama / çoğaltma Örn./hizmetlerimiz * Header ve Footer değiştirme “logo güncelleme“ * Sıralama / Taşı sürükle bırak özelliği * Bölümlerin arkaplan rengini değiştirme ve arkaplan fotoğraf / Görsel ekleme * Bölümlerin arkaplan rengi için örnek renkpaleti, colorpicker ve saydamlık ayarı * Tüm bölümlerin içeriğini yönetme “metin / başlık, buton, fotoğraf / görsel, ikon, diğer içeriklerin düzenlenmesi / güncellenmesi“ * Bölümlere interaktif, geçiş ve kaydırmalı animasyon özelliği tanımlama (üst düzey) * Bölümlerin hızlı ve basit güncellenmesi * Bölüm öğelerinin (metin, buton vb)sürükle bırak özelliği ile yer değiştirme / sıralama (üst düzey) 36
Sayfalar - Sayfa Listesi * Eklenen / oluşturulan sayfaların listesi * Yeni sayfa ekle butonu * Sayfa düzenleme / düzenle menüsü / sürükle bırak sıralama Örnekler Örnek - Onepage Sayfa Oluşturma (Zorunlu Değil) * İnternet sitesi türü değiştirme * Çoklu Sayfa (Multipage) veya Tek Sayfa (Onepage) seçimi * Editörde güncelleme özelliği - Tavsiye Edilen Sayfalar (Zorunlu Değil) * Kullanıcılar için sayfa tavsiyesi “Örn./Otel sektörü için -odalar sayfası- tasarım örnekleri” * Kullanıcıların daha basit ve hızlı sayfa oluşturabilmesi için örnek sayfa şablonlarının oluşturulması (Üst Düzey) Örnek 37
Tasarım - Tema Değiştirme * Kullanıcının site oluşturma aşamasında seçtiği temayı değiştirmesi * Yazı tipi ve tema için seçilmiş özel renk paleti * Buton tasarımı seçimi (keskin-yuvarlak-oval) (Zorunlu Değil) Örnekler - Tema Renk Paletleri * Kullanıcının zevkine göre seçeceği çoklu renk paletleri * Web sitesine uyumlu çoklu renk paletlerinin oluşturulması * Web sitesinin genel renklerinin seçilen renk paletine göre güncellenmesi “Örn./Renk paleti; turuncu, sarı, siyah ve beyaz / tasarıma göre seçilen bu renk paleti için başlıklar turuncu, butonlar siyah, zeminler beyaz, diğer detaylar sarı” Örnekler - Şablon (Template) Değiştirme * Kullanıcının site oluşturma aşamasında seçtiği şablonu değiştirmesi 38
- Metin, Başlık Araçları * Tıkla / Dokun düzenle özelliği * Kullanıcı metin veya başlıklara tıkladığında / dokunduğunda yazı tipi ve paragraf düzenleme özelliklerinin açılması (toolbar) Örnekler * Başlık ve içerik metni için özel / uyumlu yazı tipi seçeneklerinin oluşturulması Örnek * Yazı tipi kütüphanesinin oluşturulması * İçerik metinleri için alt satıra geçme, boşluk, liste, satır arası boşluk, yazı tipi özellikleri (kalın, italik, ince) vb. genel özelliklerinin uygulanması Örnekler 39
- Renk Araçları * Belirli öğelerde tıkla / dokun özelliği (metin, buton arkaplan vb.) * Bölüm arkaplan rengi değiştirme * Özel olarak başlık, metin, buton metni, buton arkaplanı, ikon, header menü veya ikonları (zorunlu değil) ve formların (zorunlu değil) renklerinin değiştirilmesi Örnekler * Örnek renklerin oluşturulması ve özel renk seçimi için colorpicker özelliği Örnekler 40
Site Ayarları • Site ismi, Favicon ve Logo düzenleme / güncelleme • Web site minimum genel ve iletişim bilgileri Adres Bilgisi E-Posta Telefon 1 Telefon 2 Sosyal Medya Harita iframe • Site url ayarları • 404 sayfası ayarları • Sosyal medya ayarları • Site Dili (Üst Düzey) • Alt bilgi (footer) metinleri • Minimum seo ayarları • Siteyi Dışa Akarma (Üst Düzey) Örnekler 41
Site Önizleme • Site önizleme butonu • Yeni sekmede görüntüleme • Site için hızlı ve basit önizleme / test • Masaüstü ve mobil önizleme özellliği (Üst Düzey) Örnekler Site Plan Satın Al / Yayınla • Site sonlandığında plan satın alma ve yayınlama işlemleri Örnekler 42
Geri / İleri Alma • Kullanıcının yaptığı hatalar ve değişiklikler için geri Alma / İleri alma butonu Kaydet Butonu (Zorunlu Değil) • Kullanıcının son yaptığı değiştirmeleri için kullanılabilir kaydet butonu • Arkaplanda otomatik yenileme ve kaydetme Destek Merkezi ve Yardım Videoları • Kullanıcının öğrenmesi ve zorlandığı yerler için yardım metinleri / videoları • Editörün her kısmı için özel yardım metinleri / videoları • Editörün her kısmı için yardım butonu • Yardım metinleri ve videoları için popup Örnekler 43
Genel Özellikler • Bölüm, sayfa ve öğe sıralamasında sürükle bırak özelliği • Belirli öğeler için tıkla / dokun düzenle ve sürükle bırak konumlandırma özelliği kullanabilirliği arttırır. • Belirli öğeler için gizle / göster seçeneği. • HTML head “title, keywords vb. özellikleri” düzenleme • Web site yükselt / plan satın alma butonu • Site çoklu dil özelliği (üst düzey) • Canlı destek / anlık mesajlaşma özelliği Örnekler 44
FOTOĞRAF / GÖRSEL GALERİSİ
Görsel / Fotoğraf Ekleme • Editörde öğeye veya fotoğraflı nesnelere tıkladığında açılacak popup • Fotoğraf / görsel listesi • Fotoğraf / görsel ekleme butonu • Fotoğraf / görsel çoklu ekleme • Kullanıcının yükleyeceği fotoğraf / görsellerle ilgili teknik bilginin verilmesi (150 kb, jpg, png gibi detaylar) Örnek Görsel / Fotoğraf Kategori Oluşturma (Üst Düzey) • Fotoğrafların sektöre göre kategorilendirilmesi (yemek fotoğrafları, otel fotoğrafları, kurumsal fotoğraflar, benimsitem, diğer sitem vb. ) 46
Görsel / Fotoğraf Klasörleme (Üst Düzey) • Kullanıcının fotoğraflarını düzenlemesi ve kullanabilirlik için klasörleme • Klasörü çoğaltma, silme (Çöp kutusu) Arama ve Filtreleme (Üst Düzey) • Kullanıcının aradığı fotoğrafı bulması için arama ve filtreleme özelliği • Kullanılabilirliği arttırma Bien Site Görsel / Fotoğraf / İkon Kütüphanesi (Üst Düzey) • Kullanıcı için tavsiye edilen fotoğraflar • Tüm sektör için kullanılabilir görsel / fotoğraf / ikon stoğu • Kategorize edilmesi 47
İçe Aktarma (Diğer Platformlar) • Facebook, instagram, google drive ve diğer gerekli platformlardan fotoğraf / görsel yükleme / içe aktarma Örnek Çöp Kutusu (Geri Yükle) • Yüklenen fotoğrafların çoklu seçme ile çöp kutusuna taşınması • Çöp kutusunda olan fotoğraf / görsellerin kalıcı olarak silinmesi veya geri yüklenmesi işlemleri Örnek 48
Basit Fotoğraf / Görsel Düzenleme Editörü (Üst Düzey) • Kullanıcının eklemek istediği fotoğraf / görseli siteye göre düzenlemesi • Temel düzey fotoğraf / görselleri düzenleme, kroplama, basit renk & efekt ayarı, döndürme, ileri ve geri alma seçenekleri Örnek Genel Özellikleri • Fotoğraf / görselleri sürükle bırak sıralama seçeneği (galeri için) • Tek ve Toplu seçme ve ekleme • Tek ve Toplu silme / çöp kutusuna taşıma • Kopyalama (zorunlu değil) 49
YAYINLA VE DOMAİN (ALAN ADI) ÖZET
Search
