01 от 10
изследване
Един потенциален клиент просто ви помоли да създадете уеб сайт, но откъде да започнете? Има определен процес, който можете да следвате, за да сте сигурни, че проектът върви гладко. Тя отразява стандартния процес на графичен дизайн , като само няколко стъпки, които трябва да се включат в уебсайта.
Като графичен дизайнер можете да изберете да вземете сами целия дизайн, включително кодирането. Въпреки това, може да искате да съберете екип, който да ви помогне с подробностите. Уеб разработчик и специалист по SEO може да бъде ценно допълнение към вашия проект.
Всичко започва с научни изследвания
Както при повечето проекти за проектиране, първата стъпка при създаването на уебсайт е да се извърши проучване. Някои от тези изследвания ще бъдат направени с клиента, за да разберем техните нужди. Ще трябва да научите повече за тяхната индустрия и конкуренти.
Когато се срещате с клиента си, трябва да откриете колкото е възможно повече, за да ви помогнем да разработите схема за сайта и евентуално да го проектирате. Това включва запитвания за тяхната целева аудитория, цели, насоки на творчеството и други променливи, които могат да засегнат какво можете да предложите на клиента, като бюджет и срок.
Вашият сектор и проучване на пазара ще се случи едновременно. За да сте готови да се срещнете с клиента си, трябва да имате представа за тяхната индустрия. След като разберете техните нужди, вие ще искате да изглеждате малко по-дълбоко.
Нивото на извършените изследвания ще зависи от бюджета на клиента и вашите съществуващи познания за отрасъла. Тя може да бъде толкова просто, колкото да гледаш как изглеждат други сайтове в полето. За по-големи проекти това може да е нещо като задълбочено проучване с фокус групи.
02 от 10
Мозъчна атака
Щом знаете какъв е проектът, е време да съберете идеи, а мозъчната атака е чудесно място за начало . Вместо да търсите идеалната идея да бъдете първата си, изхвърлете всички идеи или концепции за уебсайта. Винаги можете да го стесните по-късно.
Някои уебсайтове може да се обадят за стандартен уеб интерфейс, с навигация (лента с бутони) и съдържателни области, където потребителите най-вероятно ще ги очакват. Други може да изискват уникална концепция за представяне на съдържанието.
В крайна сметка съдържанието ще задвижи дизайна. Например, новинарският сайт ще има много по-различен подход от уеб портфолиото на един фотограф
03 от 10
Решете техническите изисквания
В началото на процеса на разработване на уебсайт трябва да се вземат решения относно техническите изисквания на проекта. Такива решения ще окажат влияние върху бюджета, времевата рамка и, в някои случаи, цялостното усещане за сайта.
Едно от основните решения е какво трябва да бъде основната структура на сайта, която ще определи какъв софтуер да се използва и коя система прави сайта да "работи".
Вашите опции включват:
- Основен HTML: Стандартен HTML сайт, в който всяка страница се редактира ръчно. Това може да се развие сравнително бързо, но оставя малко гъвкавост и много текуща поддръжка. Също така е важно да запомните, че HTML сайтовете не са само HTML и могат да включват CSS, JavaScript и други езици за програмиране за функции.
- Използвайте система за управление на съдържанието: Използването на CMS обикновено позволява на клиента да извършва редовни актуализации на съдържанието, докато дизайнерът контролира цялостния облик на сайта. Някои системи могат да бъдат разработени от нулата, а други - закупени и приспособени към нуждите на клиента. Онлайн системи като Blogger и WordPress са безплатни и включват и основна CMS.
04 от 10
Напишете очертание
Сега, след като сте събрали необходимата информация и сте размислили за някои идеи, е добра идея да го направите всичко на хартия.
Начертаването на уебсайт трябва да включва списък на всеки раздел, който да бъде включен в сайта, с описание на типа съдържание, което ще се показва на всяка страница. Също така трябва да описва колкото е възможно по-подробно кои функции биха били на сайта, като потребителски акаунти, коментари, функции за социални мрежи, видео или регистрация в бюлетин.
Освен че помага за организирането на проекта, на клиента трябва да бъде представен планът на предложението за уеб сайт, така че да може да го одобри, преди проектът да продължи. Това ще им позволи да добавят, премахват или коригират части или функции.
Всичко това в крайна сметка ще ви помогне да разработите бюджет и времева рамка и да изградите сайта. Приемането на цена за проект за уеб сайт, основаващ се на одобрен план, ще помогне да се избегнат допълнителни такси или различия в мненията в края на проекта.
05 от 10
Създаване на телени мрежи
Картите са прости линейни чертежи на оформлението на уебсайтове, които ви позволяват (и клиентът) да се съсредоточите върху поставянето на елементи, а не върху цвят и тип.
Това е изключително полезно, тъй като определя кое съдържание заслужава най-много фокус и процентното пространство, използвано на страницата за тези елементи. Без да бъдат разсеяни от други визуални елементи, одобрените телени рамки осигуряват рамка за вашите проекти.
За някои проекти можете да помислите за наличието на колекция от телени рамки, които да се използват за различни типове съдържание. Контактите, около и други страници с много текст може да имат различно оформление от галерията или страницата за пазаруване.
Важно е да поддържате еднакъв външен вид в целия уебсайт, докато преминете от една телени към друга.
06 от 10
Проектирайте уеб сайта
След като вие и вашият клиент сте доволни от телекомуникациите, е време да започнете да проектирате сайта.
Adobe Photoshop е най-разпространеният инструмент за създаване на първоначалните дизайни. Фокусът на дизайна на сайта трябва да бъде представянето на съдържанието и той ще бъде използван за създаване на действителните уеб страници.
Засега просто проектирайте и играйте с основните елементи, за да създадете нещо, което клиентът ви да разгледа и одобри.
- Докато блестящ дизайн и анимация имат своето място, те не трябва да надвишават това, което потребителят търси.
- Постоянната навигация ще помогне на посетителите ви да намират всички ваши основни области на съдържание.
- Чистото използване на типа (в случая на сайт, управляван от текст) ще попречи на посетителите да четат и да се връщат за още.
- Преди да имате действително съдържание за дизайн на сайта, текстът на Lorem Ipsum ще ви помогне да запълните пространства без да разсейвате клиента си.
07 от 10
Изграждане на уеб страници
Когато вашият дизайн е одобрен, страниците трябва да бъдат превърнати от mockups в реални уеб страници, написани в HTML и CSS.
Опитните дизайнери / разработчици могат да изберат да поемат цялата кодировка, докато някой, фокусиран върху дизайнерската страна на мрежата, може да работи в тясно сътрудничество с разработчик, за да оживее сайта. Ако случаят е такъв, разработчикът трябва да участва от самото начало.
Разработчиците ще помогнат да се уверите, че дизайнът е реалистично и ефективно оформление на уеб. Те също трябва да бъдат консултирани за всички функции, които обещавате на клиента, тъй като някои не е възможно да бъдат изпълнени или полезни за сайта.
Софтуер като Adobe Dreamweaver може да помогне на дизайнера да превърне макет в работеща уеб страница с функции за плъзгане и пускане, предварително създадени функции и бутони за добавяне на връзки и изображения.
Има много възможности за избор на софтуер за изграждане на уебсайтове. Изберете един, с когото обичате да работите, просто се уверете, че ви позволяват наистина да влезете в детайлите и кодирането на страниците.
08 от 10
Разработване на уебсайта
След като оформлението ви е завършено в HTML и CSS, то трябва да бъде интегрирано със системата, която сте избрали. Това е мястото, където тя се превръща в функциониращ уебсайт.
Това може да означава разработване на шаблони за четене от система за управление на съдържанието, промяна на шаблон на WordPress или използване на Dreamweaver за създаване на връзки между страници и по-съвременни уеб функции. Това отново е стъпка, която може да бъде оставена на друг член или членове на екипа.
Също така ще трябва да купите име на домейн на уеб сайт и да имате подредени хостинг услуги. Това би трябвало да е част от вашите дискусии с клиента и в действителност трябва да бъде направено в началните етапи на процеса. Понякога може да отнеме известно време, докато услугите станат активни.
Също така е много важно вие или вашият разработчик да извършите задълбочено тестване на уебсайта. Вие не искате да правите "голямо разкриване" и да имате функции, които не работят правилно.
09 от 10
Популяризирайте уебсайта
С онлайн сайта си, е време да го популяризирате. Вашият невероятен дизайн не е добър, ако хората не го посещават.
Управлението на трафика към даден сайт може да включва:
- Оптимизиране за търсачките. Наемете експерт по SEO, ако това не е област на компетентност, тъй като най-добрите практики непрекъснато се променят.
- Изпращайте бюлетини, за да подчертаете ново съдържание. Дизайнът на бюлетина трябва да е свързан с дизайна на уеб сайта, за да се запази съгласуваността на съобщенията.
- Рекламирайте с реклами с PPC в Google или с банерни реклами на други сайтове.
- По-конвенционални методи, като печатна реклама и word-of-mouth.
10 от 10
Дръжте го свеж
Един от най-добрите начини да възпрете хората да се връщат в сайта ви е да поддържат съдържанието в прясно състояние. С цялата работа, поставена в даден сайт, не искате тя да остане една и съща няколко месеца след старта.
Продължете да публикувате ново съдържание, снимки, видеоклипове или музика ... независимо от това, че сайтът е построен, за да бъде представен. Блогът е чудесен начин да поддържате сайт актуализиран, с публикации с всякаква дължина по всяка тема, свързана с вашия сайт,
Ако вашият клиент ще се справя с актуализациите за CMS уебсайт, може да се наложи да ги обучите да го използват. Извършването на актуализации на уебсайт, който сте проектирали, е чудесен начин да получите редовен доход. Уверете се, че вие и вашият клиент се съгласявате с честотата и тарифите за всяка работа по актуализация, която правите.