Menjadi Web

Designer yang
Handal
Coky Fauzi Alfi
Pertumbuhan Website
80,000,000
80,000,000
70,000,000

60,000,000
60,000,000
50,000,000

40,000,000
40,000,000 36,000,000

30,000,000

20,000,000
10,000,000
6,000,000
3,000,000
1 10 50 623 10,022 23,500300,000
0
19901991199219931994199519961997199819992000200120022003200420052006
 “Design is not just
what it looks like
and feels like.
Design is how it works.”

Steve Jobs: Tentang Design

Definisi Design

“Do or plan (something) with a specific purpose or

intention in mind”

Oxford American Dictionaries

Definisi Web Design dan Web Designer

“suatu aktivitas mengerjakan

atau merencanakan sebuah
website untuk tujuan
tertentu sedangkan individu
yang melakukan aktivitas
tersebut disebut web
designer.”
 Web Developer
Graphic Designer
Flash Designer
Content Developer
Web Writer
Web Editor
Web Master
Site Architect
Web Marketer Site Development Teams
Web Designer: Web Site
Project Manager

Merencanakan (planning)
Mengorganisasikan (organizing)
Memimpin (leading)
Mengkontrol (controlling)
 Klien

Website

Teams Audience
 1
Definition
& Planning
6 2
Design
Maintenance
& Orginize

5 3
Promotion Development
4
Testing
& Lunch
 Who
What
When
Where
Why Tahap 1: Definition and
How Planning
5W dan 1H
who is your audience?

what are you going to say?

when do you want to start your site? and how often do you
plan on updating your site?

where are you going to put your site?

why are you developing a website?

how to design your website?

Client Site
depth
age
interlinks
education
intralinks
nerd factor
response
needs
resources

Pages Interactivity
text controls
background navigation
graphics cues
video feedback
sound input
 Production
Technology
Server Support
Budgeting
Scheduling Web Site Plan
Tahap 2: Design and Organize

Mengorganisir semua informasi (information architecture)

Strukturisasi halaman (site structure)
Merancang tata letak halaman (page layout)
 “informasi adalah ‘ruh’
sebuah website tanpanya
website hanyalah sebuah
karya desain belaka”

Information
Architecture
 Klien

Informasi Audience
Information Architecture

“the practice of structuring information

(knowledge or data) for a purpose.”

wikipedia
7 Tahapan
Information Architecture
1. Pahami keinginan klien
2. Pahami kebutuhan audience
3. Kumpulkan semua informasi yang akan digunakan
4. Pilih dan pilah informasi yang sesuai dengan keinginan klien dan
kebutuhan audience
5. Kelompokan lalu buatkan labelnya
6. Buat hirarki
7. Evaluasi kembali hirarki tersebut
IA: mnsu.edu
Minnesotta State University
Site Structure

1. Sequences
2. Hierarchies
3. Webs
Sequences

Straight Sequences

Logical Sequences
info.med.yale.edu/caim/hhmi
Hierarchies
Webs
Page Layout

Cascading Style Sheets (CSS)

Tables
Frames
Cascading Style Sheets
Tables
Frames
Tahap 3: Development

Graphic development
Content development
Media development
Database and programming development
Tahap 4: Testing and Lunch

Spelling, image, link testing

Browser testing
Speed connection testing
Tahap 5: Promotion

1. Online techniques
Promotion via WWW
Cheap, unlimited space, information is everything, pull-
interactive communication
2. Offline techniques
Promotion via traditional media
Expensive, limited space, image is everything, push-one way
communication
Tehnik Promosi Online
Search Engine Promotion
Email Promotion
Link Building
Affiliate Marketing
Banner Advertising
Viral Marketing
Tehnik Promosi Offline
Word of mouth
Printed stationery, company literature etc
Trade catalogues and directories
Press releases & Mail shots
Sponsorships & Printed ads magazines and newspapers
Exhibitions, trade shows and conferences
Billboards, bus shelters and other external sites
Radio
Television
Tahap 6: Maintenance

Monitoring website
Up date content
Tips
You design web pages for your audience, not for yourself or
your colleagues
Make the content on your first page rich and explanatory
Keep navigation simple and easy
Think on paper first then use computer
Enough is enough
Practice always makes perfect
Terima Kasih