Make edits to the website design

Technical task for the designer for website version v1.1.0

- UI Kit;

In the design, there are elements that do not use variables from the UI Kit, accordingly, there are texts sized 20px that are not in the UI Kit, this needs to be corrected so that everything is clear, logical, and simple, because the website will develop further and there will be many changes;

Check that the sizes inside the input fields are at least 16px to avoid the zoom effect on the field in Safari;

- All pages;

Redraw the appearance of breadcrumbs;

Write your opinion regarding pagination, I think it is too small and the user will have difficulty getting to the page, what do you say?

Convert all vector text to normal text so that it can be edited in the design;

Change the text "Contact us today for a FREE IT Service consultation" to "Contact us today for a FREE WordPress consultation"

Change the text "Didn't find what you were looking for? Consult with the CEO for free" to "Didn't find what you were looking for? Consult the CTO for FREE"

On some drawn pages, there is a duplication of the main page title, it is necessary to think through and redraw the page so that it looks nice and the text does not duplicate one under the other;

The Contact us section cannot be done as the designer drew it, it is necessary to move the Schedule an interview mini-block under Contact us as a new full-fledged block and make it light so that we can connect the Google Widget. The widget will look something like this https://prnt.sc/LBkMV3NkxZuL. If you can somehow add code or iframe in Figma, then here it is:

- Main page;

Some text looks very small, it is hard to read and it is not correctly adapted for mobile devices: https://prnt.sc/BLBrLbrcA7LR; It is necessary to correct the option in the photo and in other sections if this problem is present;

- Archive page of services;

Write your opinion regarding this page (general impression, suggestions for improvement);

Each service will have its own icon, accordingly, it is necessary to redraw icons for such services (we will start with 4 services): Website Development, E-commerce Development, Landing Page Development, Support & Maintenance;

Replace the footer and header with a ready component as on the main page, so that when changing in one place it changes on all pages;

Redraw the adaptive;

- Service page;

Write your opinion regarding this page (general impression, suggestions for improvement);

Change the color in the section "Who needs this service?" for the comparison block (where Freelance / Our services) to green for our services and light red for Freelance to better highlight these points;

In the block with the stages of work, it is necessary to add associative icons of the stages; the approximate version of the stages looks like this: analysis and search for an individual solution, signing the contract, design and development, delivery and feedback exchange;

Replace the Reviews section from Trustindex with Clutch; https://prnt.sc/wXgCYU9N44zT

The block "Related Services" should actually be called "Other Services" and can have more than 3 elements (show in the design that this block can be a slider); also, it is necessary to add a button "All Services" that will redirect to the page of all services;

Remove the CTA "Consult with the CEO for free" since it makes no sense, the contacts are already at the bottom of the page;

Replace the footer and header with a ready component as on the main page, so that when changing in one place it changes on all pages;

Redraw the adaptive;

- Archive page of completed projects;

Write your opinion regarding this page (general impression, suggestions for improvement);

For each case, it is necessary to add a category so that it is clear what category the completed project belongs to, except for those in the search;

Redraw the dropdown filtering window by categories;

Remove the CTA "Consult with the CEO for free" from this page, but move the avatar and change the button color to the main page in the CTA that comes after the "About us" section; make it a component;

Replace the footer and header with a ready component as on the main page, so that when changing in one place it changes on all pages;

Redraw the adaptive;

- Page of the completed project;

Write your opinion regarding this page (general impression, suggestions for improvement);

Display the category of the case on the page so that it is clear what category it is (categories are directly related to the names of services);

Display the category of the case in the "Related cases" block;

The Review block will have two styles: either a review from Clutch or a review written manually; currently, there is only a review written manually and it looks rather poor;

Give feedback on the Review block from the designer's point of view. Personally, it does not fit into the overall design of the site due to the overly rounded background, I want to hear the opinion of a specialist; https://prnt.sc/rJbU9P3l9vDI

Remove the CTA "Consult with the CEO for free";

Redraw the adaptive;

Технічне завдання для дизайнера на версію сайту 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";

Відмалювати адаптив;