Технічне завдання для дизайнера на версію сайту v1.1.0
- UI Kit;
В дизайні є елементи, які не використовують перемінні з UI Kit, відповідно є тексти розміром 20px, яких немає в UI Kit, це потрібно виправити, щоб все було чотко, логічно і просто, тому що сайт буде розвиватись в подальшому і буде дуже багато змін;
Перевірити щоб розміри всередині полей для заповнення були мінімімум 16px для того щоб уникнути ефекту приближення до поля в Safari;
- Всі сторінки;
Відмалювати вигляд хлібних крихт;
Написати свою думку стосовно пагінації, я думаю що вона замаленька і користувачу важко буде попасти на сторінку, а ти що скажеш?
Конвертувати весь векторний текст на нормальний, щоб можна було редагувати в дизайні;
Змінити надпис "Contact us today for a FREE IT Service consultation" на "Contact us today for a FREE WordPress consultation"
Змінити надпис "Didn't find what you were looking for? Consult with the CEO for free" на "Didn't find what you were looking for? Consult the CTO for FREE"
На деяких відмальованих сторінках присутня дублікація основного заголовку сторінки, необхідно продумати і відмалювати сторінку так, щоб вона виглядала гарно і текст не дублювався один під одним;
Contact us секцію не вийде зробити так як її відмалював дизайнер, необхідно перенести Schedule an interview міні-блок під Contact us як новий повноцінний блок і зробити світлим, щоб ми підключили Google Widget. Віджет буде виглядати якось так https://prnt.sc/LBkMV3NkxZuL. Якщо зможеш якось додати код або iframe в Figma, то ось:
- Головна сторінка;
Деякий текст виглядає дуже дрібно, його важко прочитати і він некоректно адаптований під мобільні пристрої: https://prnt.sc/BLBrLbrcA7LR; Необхідно виправити варіант на фото та на інших секціях, якщо присутня ця проблема;
- Архівна сторінка послуг (services);
Написати свою думку стосовно цієї сторінки (загальне враження, пропозиції щодо покращення);
Кожна послуга буде мати свою іконку, відповідно потрібно відмалювати іконки для таких послуг (ми почнемо з 4х послуг): Website Development, E-commerce Development, Landing Page Development, Support & Maintanence;
Замінити футер та шапку на готовий компонент як на головній, щоб при зміні в одному місці змінювався на всіх сторінках;
Відмалювати адаптив;
-Сторінка послуги;
Написати свою думку стосовно цієї сторінки (загальне враження, пропозиції щодо покращення);
Змінити колір в секції "Who needs this service?" для блоку порівняння (там де Freelance / Our services) на зелений для our services та легкий червоний для Freelance щоб краще виділити ці пункти;
В блок з етапами роботи і необхідно додати асоціативні іконки етапів; приблизний варіант етапів виглядає так: аналіз та пошук індвидуального рішення, підписування контракту, дизайн та розробка, здача та обміг відгуками;
Замінити секцію Reviews з Trustindex на Clutch; https://prnt.sc/wXgCYU9N44zT
Блок "Related Services" насправді має називатись "Other Services" та може мати більше 3х елементів (показати в дизайні що цей блок може бути слайдером); також, потрібно додати кнопку "All Services" яка буде редіректити на сторінку всіх послуг;
Забрати CTA "Consult with the CEO for free" оскільки в ньому немає смисла, контакти вже внизу сторінки;
Замінити футер та шапку на готовий компонент як на головній, щоб при зміні в одному місці змінювався на всіх сторінках;
Відмалювати адаптив;
-Архівна сторінка виконаних проєктів;
Написати свою думку стосовно цієї сторінки (загальне враження, пропозиції щодо покращення);
Для кожного кейсу потрібно додати категорію, щоб було видно що це за категорія виконаного проєкту, корім тих що в пошуку;
Відмалювати випадаюче вікно фільтрації за категоріями;
Забрати CTA "Consult with the CEO for free" з цієї сторінки, але перенести аватар та інший колір кнопки на головну в CTA що після секції "About us"; зробити компонентом;
Замінити футер та шапку на готовий компонент як на головній, щоб при зміні в одному місці змінювався на всіх сторінках;
Відмалювати адаптив;
-Сторінка виконаного проєкту;
Написати свою думку стосовно цієї сторінки (загальне враження, пропозиції щодо покращення);
Відобразити категорію кейсу на сторінці, щоб було видно що це за категорія (категорії напряму повʼязані з назвою послуг);
Відобразити категорію кейсу в блоці "Related cases";
Блок Review буде мати два стиля: або відгук з Clutch, або відгук написаний вручну; наразі наявний лише відгук написаний вручну і то такий собі на вигляд;
Дати відгук по блоку Review з точки зору дизайнера. Особисто мені він не вписується в загальний дизайн сайту через занадто заокруглений фон, хочу почути думку спеціаліста; https://prnt.sc/rJbU9P3l9vDI
Забрати CTA "Consult with the CEO for free";
Відмалювати адаптив;
Behance Є адаптивний дизайн для усіх девайсів.
