Web Sitesi Nasıl Hazırlanır? // Sanalkurs 8. Bilişim Seminerleri // Siraceddin EL

8. BİLİŞİM SEMİNERLERİ

WEB SİTESİ NASIL HAZIRLANIR?

SİRACEDDİN EL

Bir Tasarımın Hikayesi

Web Siteleri

Kurumsal

E-Ticaret Bilgi-Paylaşım

Kişisel

TÜRLER

Yapım Aşaması

WEB TASARIM NEDİR?

Yapım Aşaması

Planlama Aşaması

WEB TASARIM NEDİR?

PLANLAMA

Sen Müşteri Kullanıcı

İLK SORULAR

• Sitenin amacı nedir? • Bu siteyi kim kullanacak? • Hangi yaş gurubuna hitap ediyor? • Hangi kitle? • Hangi cinsiyet? • Ziyaret edenler ne beklemeli?

PLANLAMA

İLHAM ALINACAK SİTELER

• Awwwards.com • Creattica.com • Dribbble.com • Behance.net • DeviantArt.com • PremiumPixels.com

KONSEPT

STİL

• Flat • Minimalist • Hatırlanabilir • Renk, doku, tipografi, resimler ve yerleşim • Uzun ömürlü • Bütün cihazlar için uyumlu

KONSEPT

KONSEPT

TASLAK

• Gliffy.com • Cacoo.com • Framebox.org • Fluidia.org • Mockflow.com • Balsamiq.com

KONSEPT

TASARIM

• 960 Grid System • Bootstrap • Semantic UI •

TASARIM

NAVİGASYON

TASARIM

TİPOGRAFİ (FONT)

TASARIM

İKONLAR • Fontawesome.io

TASARIM

MUTLAKA OLMALI

• İletişim Bilgileri • İletişim Formu • Hakkımızda • Sosyal Medya • SEO • Temiz Kodlama ve CSS

TASARIM

TARAYICI TESTLERİ

SONUÇ

İŞ BİTİRME ANLAYIŞI

SİRACEDDİN EL • Twitter.com/siracel • Facebook.com/siracel • www.siracel.com • siracel@sanalkurs.net

İLETİŞİM