Спрете да избирате шаблони по външен вид: Работен процес, ориентиран към съдържанието, за агенции

Резюме

Повечето агенции обвиняват шаблона, когато сайтовете на клиентите буксуват. Истинското препятствие е приемането и картографирането на съдържанието, което се случва, преди някой да избере тема. Това ръководство следва типичен ангажимент с клиент—промишлен доставчик с девет продуктови линии и три типа купувачи—през повтаряем процес на работа с шаблони. Ще научите как да превърнете проучването на клиента в постраничен план, да изберете тема въз основа на натоварването със съдържание, а не на външния вид на hero секцията, и да изградите библиотека за повторна употреба, която прави следващия клиент по-бърз. Изгодата: по-малко цикъл от ревизии, по-малко въпроси „шаблонът може ли да направи това?“ и процес на доставка, който се мащабира за всеки акаунт.

Повечето съвети за шаблони бъркат реда. Започват с екранни снимки. Завършват с цветова палитра. Ако изграждате уебсайтове за повече от един клиент, точно този ред е причината всеки проект да се усеща като единичен. Шаблонът не е отправната точка. Съдържанието на клиента е. Това не е семантичен трик. Когато изберете тема, преди да знаете какво трябва да побере, насилвате текстовете в оформления, искате „още един блок“ и фактурирате часове, които никога не си възвръщате.

Това е процесът, който оправя нещата. Следвайте един ангажимент—регионален промишлен доставчик с девет продуктови линии и три типа купувачи—от брифинга до стартирането. Етапите важат за всеки следващ клиент.

Започнете с въпросите, а не с магазина за шаблони

Клиентът изпраща подреден брифинг: „Имаме нужда от модерен уебсайт. Чист дизайн. Искаме да изглеждаме по-големи, отколкото сме.“ Този брифинг може да пасне на сто шаблона. Той не ви казва нищо за това кой от тях ще оцелее при контакт с реалността.

Спрете да гледате шаблони, преди да знаете какво носят. Седнете с клиента и задайте въпроси, които водят до списък със страници, а не до прилагателни:

• Какви страници съществуват в настоящия сайт?
• Какви страници трябва да съществуват след година?
• Кои страници се обновяват всеки месец? Кои страници остаряват?
• Кое е най-сложното нещо на сайта—спецификация, форма за резервация, видео стена?
• Коя е втората по важност аудитория след клиента?

Отговорите променят всичко. Промишленият доставчик казва, че продуктовият му каталог не е една страница; това са девет категорийни страници, всяка с подробни продуктови страници, информационни листове като PDF, лога за съответствие и форма за заявка на оферта. Три типа купувачи—инженери, мениджъри покупки и дистрибутори—кацат на различни страници и искат различни доказателства.

Сега „чист дизайн“ е безсмислен. Шаблонът трябва да побере продуктова таблица с данни, списък с PDF връзки и форма. Това е вашият контролен списък.

Много екипи пропускат това, защото клиентът вече „ни е казал какво иска“. Не е така. Те са ви казали името на бизнеса си и оптимизма си. Създайте списъка със страници. Ако настоящият ви процес започва с търсене на шаблон, точно тази промяна спестява най-много време.

Одит на съдържанието преди лова на шаблони

Клиентът казва: „Направете нещо като сайта на конкурента ни.“ Отваряте конкурента и виждате голям hero слайдер. Не започвайте оттам.

Отворете съществуващия сайт на клиента заедно с него. Преди да търсите тема, нанесете натоварването със съдържание за всяка страница. За всяка страница пребройте типовете съдържание: дълги абзаци, таблици, галерии с изображения, формуляри, видео, файлове за изтегляне, биографии на екипа, отзиви, вградени карти. Отбележете кои страници са вечнозелени и кои са кампанийни. Класирайте страниците по бизнес цел. Това не е лукс; това е филтърът, който ще приложите към всеки шаблон.

Практическа стъпка: създайте проста електронна таблица. Колоните са имена на страници. Редовете са типове съдържание. Отбележете квадратчето, ако страницата има нужда от него.

Одитът на доставчика разкрива твърдо изискване: всяка продуктова страница се нуждае от двуколонно оформление с голяма таблица със спецификации и бутон „Заявка за оферта“, който остава видим при скрол. Началната страница се нуждае от секция за три пазарни сегмента. Страницата с ресурси се нуждае от повтаряща се мрежа от карти за PDF файлове.

Дали някой от шаблоните, които обикновено предлагате, се справя с това? Все още не знаете. Точно в това е смисълът.

Специфичните за индустрията шаблони могат да съкратят този процес. Шаблон, създаден за индустриален вертикал, често включва продуктови каталози и секции със спецификации от самото начало. Това ви спестява ръчното изграждане на тези блокове. Но етикетите за вертикали не са обещания. Тема „производство“ може да включва блог секция, от която нямате нужда, и да пропусне локатор за дистрибутори, от който имате нужда. Оценявайте шаблона по одита, а не по името на категорията.

Ако ви звучи като бавната част, не е. Това предварително картографиране е това, което прекратява цикъла „шаблонът не пасва“. За по-задълбочен поглед защо този цикъл изяжда маржа, прочетете защо процесите с шаблони се усещат бавни и как да ги оправите.

Прочетете продуктовите страници преди началната

Ето капана: демонстрацията на шаблона показва зашеметяваща начална страница с видео на цял екран. Показвате я на клиента. Той одобрява. Отивате да създадете продуктова страница с осемредова таблица със спецификации и оформлението се разпада.

Спрете да оценявате шаблоните по началната им страница. Оценявайте ги по най-скучната им страница.

Отворете вътрешните страници на демонстрацията. Има ли продуктовата страница таблица със спецификации? Дългата таблица с данни обвива ли се или се скролва? Има ли видим при скрол призив за действие? Какво се случва, когато заредите страница с често задавани въпроси с десет въпроса? Изглежда ли списъкът с блог публикации целенасочен с четири елемента, а не с двадесет? Шаблонът, който издържи на тези тестове, е този, който си струва да се купи.

Сравнение помага, преди да започнете да кликате:

Какво казва клиентът	Какво трябва да побере шаблонът
„Искаме модерно усещане“	Широкоъгълна секция, водена от изображения, която не влиза в конфликт с типографията ви
„Продуктовите страници са важни“	Повтаряемо продуктово оформление с таблици със спецификации, PDF връзки, свързани продукти
„Улеснете покупката“	Форма за оферта или резервация, видима на всяка страница с интензивно пазаруване
„Сайтът трябва да расте с нас“	Модулни секции, които можете да пренареждате без да ги изграждате наново
„Имаме много PDF-и“	Мрежа от карти или списък с документи, който се мащабира без да се чупи

Използвайте тази таблица като филтър. Ако шаблонът се провали на един ред, отхвърлете го. Ако премине през всички редове, началната страница е почти без значение—можете да я адаптирате.

Проверете нещата, които се чупят по-късно

Адаптивност, SEO-пригодност, скорост на зареждане, опции за персонализация, потребителско изживяване. Тези функции поддържат сайта жив след стартирането и са невидими на екранна снимка.

Отворете демонстрацията на реален телефон. Дали таблицата със спецификации се превръща в капан за хоризонтално скролване? Дали бутонът за оферта, който остава видим, е все още достъпен или покрива футъра? Тествайте скоростта на страницата на демонстрацията на темата. Шаблон, натъпкан с тежки анимации и прекалено голямо видео, ще се зарежда като тухла.

Проверете SEO основите, преди да купите: чисти заглавия на страници, мета описания, семантична йерархия на заглавията, полета за алтернативен текст на изображения, поддръжка на schema за продукти или местен бизнес. Много екипи научават това твърде късно. SEO митовете, които струват позиции са добро напомняне да проверите, преди да обещавате резултати.

Опциите за персонализация също са важни. Тема, която ви заключва във фиксирани секции, ще ви принуди да наемате разработчик за неща, които конструктор на страници може да направи за минути. Търсете шаблони, в които можете да пренареждате секции, да добавяте нов блок със съдържание и да променяте глобалните шрифтове и цветове от едно място. Колкото по-модулен е, толкова по-лесно е да направите сайта на всеки клиент да изглежда персонализиран.

Какво да правите, когато клиентът хареса грешния шаблон

Изпращате три варианта. Клиентът отговаря с този, който не сте включили в краткия списък—портфолио тема с огромна masonry мрежа. Тя се проваля на одита на съдържанието, защото таблицата със спецификации не съществува в шаблона. Устояйте на импулса да се предадете.

Покажете на клиента одита на съдържанието, а не спор. Отворете демонстрационната продуктова страница на шаблона. Ако няма продуктова страница, назовете пропуска. „Тази тема няма оформление за таблица със спецификации. Ще трябва да изградим такава от нулата, което премахва предимството на скоростта на шаблона.“ Дайте им конкретна основа за отказ.

След това ги насочете обратно към краткия списък. Позволете им да избират между проверени варианти. Ако все още настояват, остойте отклонението като отделен ред за персонализирано изграждане. Това не е пасивно-агресивно—това е честно. Клиентът може да има красивия шаблон и допълнителния срок. Просто трябва да знае цената.

Принцип: визуалната привлекателност е реална, но е само една функция. Защитете основната задача на сайта, като обвържете всеки избор на шаблон с одита.

Първото изграждане е пускане на съдържанието, а не дизайнерска стъпка

Избрали сте шаблона. Клиентът очаква дизайн. Устояйте на изкушението веднага да преоформите демонстрацията.

Първото изграждане е пускане на съдържание. Заменете всеки примерен елемент с реалното съдържание на клиента—техните етикети за навигация, реалните им заглавия, действителните имена на продукти, техните изображения, ако имате такива, техния имейл адрес. Оставете стандартните шрифтове и цветове на шаблона. След това вижте какво се чупи.

На сайта на доставчика етикетът за навигация „Услуги“ става „Продукти и спецификации“, което е с три думи прекалено дълго за мястото в менюто. Hero заглавието на началната страница „Вашият партньор в производството“ се пренася на три реда и избутва бутона под видимата зона. Продуктова таблица с реални данни прелива от колоната си. Това е ценната информация. Тя ви казва точно кои секции да персонализирате.

Ако първо промените цветовете, ще припишете всеки проблем с оформлението на шаблона и ще го влошите. Направете първо пускането на съдържание. То е най-евтината диагностика, която ще извършите по време на проекта.

Когато персонализирате, направете преминаване по приоритети: оформление, което се чупи с реални данни, се поправя веднага; козметично предпочитание се записва за кръга на одобрение от клиента. Това предотвратява класическия провал, при който прекарвате целия следобед в местене на разстоянието на логото и откривате, че формата за оферта не работи.

Премахнете всичко, което не е реално съдържание

Шаблоните идват с пълнеж. Блог публикации за „Как да изберете джаджа“, пет биографии на екипа със снимки от фотосток, слайдер с отзиви, календар на събития, таблица с цени. Ако клиентът ви няма реално съдържание за дадена секция, премахнете секцията.

Празните или почти празните секции правят сайта да изглежда незавършен. Слайдер с отзиви с два цитата изглежда счупен; мрежа за екип с една снимка изглежда тъжна. Клиентът доставчик има две продуктови категории с професионални снимки, а останалите нямат. Не изграждайте галерии на място. Премахнете галерията или я заменете с добре проектиран списък с документи за категориите без снимки.

Същото правило важи и за типовете страници. Ако шаблонът идва с блог, а клиентът няма да пише публикации, изтрийте блога от навигацията и решете дали да запазите страница за новини. Запазете само страниците, които отговарят на одита на съдържанието. Неизползваната страница е отговорност за поддръжката и черна дупка за персонализация след стартирането.

Компромисът: персонализираното изграждане може да включи всяка страница, която някога си представите. Шаблонът не може. Затова одитът на съдържанието е на първо място. Искате шаблона, който идва с повечето неща, от които клиентът има нужда, а не този, който изглежда най-добре с всички демо секции непокътнати.

Изградете втория клиент по-бързо с комплект за стартиране

Първото преминаване е бавно по замисъл. Вие установявате процеса. Вторият клиент трябва да е по-бърз, защото вече владеете процеса, а не защото сте използвали същия шаблон.

Създайте комплект за стартиране след първия проект. Като минимум:

• Списъкът с въпроси за проучване от първата секция.
• Електронната таблица за одит на съдържанието с един раздел за клиент.
• Контролен списък с типове страници за често срещани вертикали.
• Едностраничен наръчник за персонализация: реда, по който правите пускане на съдържание, корекция на оформлението и след това стилизиране.
• „Кратък списък с шаблони“ за всеки вертикал—две или три теми, които вече сте проверили.

Следващият клиент идва. Отваряте комплекта, изтривате продуктовите линии на доставчика, добавяте тяхната страница с цени и извършвате същия одит. Не преоткривате процеса. Вие го изпълнявате.

Така агенциите спират да третират всеки уебсайт като празна страница. Ако екипът ви редовно повтаря същите грешки, проверете грешките при персонализация, които съсипват шаблони, преди да институционализирате лош навик.

Знайте кога шаблонът не е проблемът

Още един етап: кръгът на ревизиите. Клиентът иска по-едър шрифт, карусел, допълнителна целева страница и „можем ли да накараме логото да пулсира?“ Естествената реакция е да обвините шаблона. Не винаги.

Повечето цикли на ревизии не са ограничение на шаблона. Това е липсващ споделен план. Ако клиентът не вижда как съдържанието му се отразява на страницата, той ще продължава да иска промени в оформлението, защото целта на страницата никога не е била изрична. Когато получите неясна заявка, върнете се към предназначението на страницата от вашия одит. „Тази страница е създадена да получи заявка за оферта. Пулсиращото лого не движи тази цел. Нека вместо това поставим бутон за оферта, който остава видим при скрол.“

Това е честният компромис. Персонализираното изграждане предлага почти неограничена гъвкавост, но тази гъвкавост има цена: всяка промяна след стартирането се превръща в поръчка за промяна и сайтът може да се отклони от бизнес целта си. Добре подбраният шаблон с модулни секции може да поеме нови блокове по-бързо и по-евтино—ако сте го избрали спрямо одит на съдържанието. Знайте разликата между „шаблонът не може да направи това“ и „това не му е мястото на тази страница“.

Заключение

Избирайте шаблони по съдържание първо, а не по външен вид. Задайте въпросите за приема. Нанесете типовете съдържание. Одитирайте вътрешните страници. Направете пускането на съдържание преди дизайнерската стъпка. Премахнете това, което не е реално. Запазете наученото за следващия клиент.

Сайтът на доставчика стартира. Три месеца по-късно при вас идва изпълнител по ОВК (отопление, вентилация и климатизация). Същият процес, нов раздел в електронната таблица, по-бързо изпълнение. Шаблонът се превръща в отправна точка, която можете да повтаряте, а клиентът получава сайт, който издържа на реалното му съдържание.

Започнете с въпросите. Шаблонът ще последва.