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;