Kao što je to primer sa svim ostalim Web sajtovima, svaki počinje kao slobodnom rukom skiciran crtež. Na ekranu je prikazan skiciran crtež RU Playing Web sajta. Ideje za dizajn nekog Web sajta može doći bilo kada, i biti inspirisan bilo čime. Ako ste na Internetu, zasigurno posetite WWW.CoolHomePages.com gde imate veliki broj ideja i zamisli u grafičkom obliku, koje će vam biti početno mesto u dizajniranju Web sajta. Naravno, imajte na umu da korišćenje tuđih ideja ponekad može biti pogrešna ideja vodilja. Sa druge strane, veliki broj tehničara koristiće tehniku nazvanu WireFraming, odnosno mrežastu strukturu. Ova tehnika predstavlja crtež koji je kreiran pomoću mrežaste strukture. Na ekranu možete videti skicu Web sajta koja je kreirana kao grafički dizajn RU Playing Web sajta. Pored ovog dizajniranja, veoma je važno da imate dizajniranu i mapu vašeg Web sajta. Za te potrebe, uvek je dobro da kreirate, kako teksturalni oblik mape, tako i grafički oblik mape vašeg Web sajta. Sad možete videti tekstualni oblik mape Web sajta RU Playing. Ako se vratimo u FreeHand, možete videti vizuelni oblik mape. Jednom kada dobijete ideju kako će vaš sajt izgledati, dobro je da kreirate grafički oblik svake stranice, kako biste najlakše dobili vizuelnu predstavu kako će vaš Web sajt izgledati. To možete učiniti iz velikog broja programa, kao što su Macromedia Freehand, ili FireWorks MX.