01 од 10
Истраживање
Потенцијални клијент је управо затражио од вас да дизајнирате веб страницу, али одакле почнете? Постоји одређени процес који можете пратити како бисте осигурали да пројекат иде глатко. Он одражава стандардни процес графичког дизајна , са само неколико специфичних корака за укључивање.
Као графички дизајнер, можете одабрати да преузмете цео дизајн сами, укључујући и кодирање. Међутим, можда бисте желели да сакупите тим који ће вам помоћи у детаљима. Веб девелопер и стручњак за СЕО може бити корисно допуњавање вашег пројекта.
Све почиње истраживањем
Као и код већине пројеката дизајна, први корак у креирању веб странице је истраживање. Нека од ових истраживања биће обављена са клијентом како би се разумело њихове потребе. Такође ћете морати научити више о својој индустрији и конкурентима.
Када се састанете са својим клијентом, потребно је да откријете колико год је могуће да вам помогне да развијете планове за сајт и на крају га дизајнирате. Ово укључује постављање питања о циљној публици, циљевима, креативном правцу и осталим варијаблама које могу утицати на оно што можете понудити клијенту, као што су буџет и крајњи рок.
Ваша индустрија и истраживање тржишта се дешавају истовремено. Да бисте били спремни да упознате вашег клијента, требало би да имате идеју о својој индустрији. Након што сазнате њихове потребе, онда ћете желети да изгледате мало дубље.
Ниво обављених истраживања зависиће од буџета клијента и ваших постојећих знања о индустрији. Може бити једноставно као да гледа како изгледају други сајтови на терену. За веће пројекте, то може бити нешто као детаљно истраживање са фокус групама.
02 од 10
Браинсторминг
Једном када знате о чему се ради, време је да се прикупе идеје, а идеја за размишљање је одлично место за почетак . Уместо да тражите савршену идеју да будете први, избаците све идеје или концепте за веб страницу. Увек га можете сужити касније.
Неке веб странице могу позивати на стандардни веб интерфејс, са навигацијом (дугметом дугмета) и подручјима садржаја гдје корисници највероватније очекују. Други могу захтевати јединствени концепт за презентацију садржаја.
На крају, садржај ће дизајнирати. На пример, сајт за вести ће имати много другачији приступ од веб портфеља фотографа
03 од 10
Одлучити о техничким захтевима
У почетку у процесу израде веб странице, потребно је донијети одлуке о техничким захтјевима пројекта. Такве одлуке утичу на буџет, временски оквир и, у неким случајевима, општи осећај странице.
Једна од примарних одлука је која би основна структура сајта требало да буде, која ће одредити који софтвер ће користити и који систем чини страницу радом.
Ваше опције укључују:
- Основни ХТМЛ: стандардна ХТМЛ страница у којој је свака страница уређена ручно. Ово се може релативно брзо развити, али оставља мало флексибилности и пуно текуће одржавања. Такође је важно запамтити да ХТМЛ сајтови нису само ХТМЛ и могу укључивати ЦСС, ЈаваСцрипт и друге програмске језике за функције.
- Користите систем за управљање садржајем: Коришћење ЦМС-а обично дозвољава клијенту да обавља редовне надоградње садржаја, док дизајнер контролише укупни изглед и осећај сајта. Неки системи се могу развити из огреботина, а други купити и прилагођавати потребама клијента. Онлине системи као што су Блоггер и ВордПресс су бесплатни и укључују и основни ЦМС.
04 од 10
Напишите преглед
Сада када сте прикупили неопходне информације и размислили о неким идејама, добра идеја је да све то потражите на папиру.
Преглед веб странице треба да садржи листу свих секција који ће бити укључени на сајт, са описом врсте садржаја који ће бити приказан на свакој страници. Такође би требало описати што је могуће више детаља о томе какве би функције биле на сајту, као што су кориснички рачуни, коментарисање, функције друштвених мрежа, видео или пријава билтена.
Осим што помаже у организацији пројекта, клијенту треба представити нацрт предложеног веб сајта како би га одобрио пре него што се пројекат настави. Ово ће им омогућити да додају, уклањају или прилагођавају било који одељак или функције.
Све ово ће вам на крају помоћи у развијању буџета и временског оквира и изградњи сајта. Усаглашавање цене пројекта пројекта на основу одобреног нацрта помоћи ће вам да избегнете додатне накнаде или разлике у мишљењима касније у пројекту.
05 од 10
Направите Вирефраме
Вирефраме су једноставни линијски цртежи распореда веб странице које вам омогућавају (и клијента) да се усредсреде на постављање елемената уместо на боју и тип.
Ово је изузетно корисно јер одређује који садржај заслужује највише фокуса и проценат простора који се користи на страници за те елементе. Без одвајања од стране других визуелних елемената, одобрени жичани оквири пружају оквир за ваше пројекте.
За неке пројекте, можда бисте сматрали да имате на располагању колекцију жичаних оквира за различите врсте садржаја. Контакт, око и друге странице са пуно текста могу имати другачији изглед него галерија или шопинг страница.
Важно је да одржавате јединствени изглед на целој веб локацији док прелазите са једног жичног оквира на други.
06 од 10
Дизајнирајте сајт
Када сте ви и ваш клијент задовољни жичним оквирима, време је да почнете са дизајнирањем сајта.
Адобе Пхотосхоп је најчешћи алат за креирање почетних дизајна. Фокус дизајна сајта треба да буде да презентује садржај и користиће се за креирање стварних веб страница.
За сада једноставно дизајнирајте и играјте са основним елементима како бисте створили нешто за вашег клијента да га гледа и одобрава.
- Мада су запаљиви дизајни и анимације имали своје место, они не би требали превладати оно што корисник тражи.
- Доследна навигација ће помоћи вашим посјетитељима да пронађу све своје главне области садржаја.
- Чиста употреба типа (у случају текстуалног сајта) задржиће посетиоце читање и враћање на више.
- Прије него што имате стварни садржај за дизајн сајта, Лорем Ипсум текст ће вам помоћи да попуните просторе без ометања вашег клијента.
07 од 10
Изградите Веб странице
Када се ваш дизајн одобри, странице морају бити пребачене из макета на стварне веб странице написане у ХТМЛ и ЦСС.
Искусни дизајнери / програмери могу да одлуче да преузму све кодирање, док неко који се фокусира на веб страницу дизајна може блиско сарађивати са програмером како би се сајт учинио живим. Ако је то случај, програмер би требало да буде укључен од самог почетка.
Програмери ће помоћи да се осигура дизајн реалног и ефикасног распореда веба. Такође би требали бити консултовани о свим карактеристикама које обећавате клијенту, јер неке не могу бити могуће извршити или корисно за локацију.
Софтвер као што је Адобе Дреамвеавер може помоћи дизајнеру да претвори моцкуп на радну веб страницу, са функцијама повлачења и спуштања, унапред израђеним функцијама и дугмадима за додавање веза и слика.
Постоји велики избор софтвера за изградњу веб страница. Изаберите оно са којим уживате у раду, само будите сигурни да вам омогућавају да заиста уђете у детаље и кодирање страница.
08 од 10
Развити веб сајт
Када се ваш изглед заврши у ХТМЛ-у и ЦСС-у, потребно је да буде интегрисано у систем који сте изабрали. Ово је тачка у којој постаје функционална веб страница.
Ово може значити да се шаблони за развијање развијају у систему за управљање садржајем, мијењају ВордПресс образац или користе Дреамвеавер за креирање веза између страница и више напредних веб функција. Ово је поново корак који може бити препуштен другом члану или члановима тима.
Такође ћете морати купити име домене веб сајта и имати хостинг услугу. Ово би требало да буде део ваших разговора са клијентом и, у стварности, треба да се уради у почетним фазама процеса. Понекад може предузети одређено време да би услуге постале активне.
Такође је веома важно да ви или ваши програмер обавите детаљно тестирање веб странице. Не желите да урадите "велико откривање" и имате функције које не функционишу исправно.
09 од 10
Промовишите веб локацију
Са вашим интернетом на интернету, време је да га промовишете. Ваш невероватан дизајн није добар ако људи не посете.
Возни промет на сајту може укључивати:
- Оптимизација за претраживаче. Унајмите стручњака за СЕО ако ово није подручје експертизе јер се најбоље праксе непрекидно мењају.
- Слање билтена да истакне нови садржај. Дизајн билтена би се требао односити на дизајн веб странице како би одржао размјену порука бренда.
- Оглашавање са ППЦ огласима на Гоогле-у или са банер огласима на другим сајтовима.
- Више конвенционалних метода као што су штампана реклама и уста.
10 од 10
Држи га свеже
Један од најбољих начина да задржите људе да се врате на вашу веб локацију је да се садржај одржи свеж. Са свим радом стављеним на сајт, не желите да остане исти исти месецима након лансирања.
Наставите да објављујете нови садржај, фотографије, видео записе или музику ... без обзира на то да је сајт изграђен да би се представио. Блог је одличан начин да сајт буде ажуриран, са постовима било које дужине на било којој теми која се односи на вашу веб локацију,
Ако ваш клијент обради ажурирања за ЦМС веб локацију, можда ћете морати да их обучете да га користе. Прављење ажурирања веб-сајта које сте дизајнирали је леп начин да добијете редован приход. Будите сигурни да се ви и ваш клијент слажете о учесталости и стопама за било који посао ажурирања.