Задание за фирмен сайт: готов шаблон с попълнен пример

„Искаме модерен сайт“ не стига за начало

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

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

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

Шаблонът: какво да попълните

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

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

Попълнен пример: сервиз за индустриално оборудване

Следващият пример е за измислена фирма. Целта е да видите колко конкретен може да бъде документът, без да използва технически жаргон.

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

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

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

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

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

Управление. Двама служители ще редактират услугите и ще публикуват новини. Не трябва да имат достъп до настройки, които могат да прекъснат работата на сайта. Предвиждаме обучение с добавяне на реална новина и смяна на снимка.

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

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

Опишете функцията като действие

„Форма с прикачване“ е кратко, но оставя много празни места. Какви файлове се приемат? Колко могат да бъдат? Какво става, ако са прекалено големи? Кой ги получава? По-полезно е да опишете началото, нормалния резултат и една възможна грешка.

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

Ако има качване на файлове, безопасното изпълнение също влиза в обхвата. OWASP препоръчва проверки на позволените типове, размерите и начина на съхранение. На възложителя му е достатъчно да посочи бизнес нуждата; изпълнителят трябва да предложи подходящите ограничения.

Съдържанието е най-честата скрита зависимост

Изработката лесно спира, когато няма одобрени текстове, снимки или продуктови данни. „Ще ги изпратим после“ звучи безобидно, но влияе на подредбата, дължината на страниците и нужните компоненти. Страница с три кратки услуги се проектира различно от страница с технически характеристики и подробни условия.

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

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

Добавете условията за приемане

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

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

Включете и базови проверки за удобство: видим фокус при работа с клавиатура, четими надписи на полета и достатъчен контраст. W3C Easy Checks показва как могат да се направят първи проверки. Цялостната достъпност изисква по-широка оценка, но тези задачи могат да бъдат описани още в заданието.

Документът трябва да може да се променя

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

Преди да изпратите документа, прочетете го като човек, който не познава фирмата ви. Може ли да разбере какво продавате, на кого и какво трябва да се случи в сайта? Ако да, вече имате основа за разговор. Ако не, започнете с тези три отговора и оставете техническите детайли за срещата.