Техническое задание для дизайнера на версию сайта 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 Есть адаптивный дизайн для всех устройств.