Techniczne zadanie dla projektanta na wersję strony v1.1.0
- UI Kit;
W projekcie są elementy, które nie wykorzystują zmiennych z UI Kit, odpowiednio są teksty o rozmiarze 20px, których nie ma w UI Kit, to trzeba poprawić, aby wszystko było jasne, logiczne i proste, ponieważ strona będzie się rozwijać w przyszłości i będzie bardzo dużo zmian;
Sprawdzić, aby rozmiary wewnątrz pól do wypełnienia były minimum 16px, aby uniknąć efektu przybliżenia do pola w Safari;
- Wszystkie strony;
Odrysować wygląd okruszków nawigacyjnych;
Napisać swoją opinię na temat paginacji, myślę, że jest za mała i użytkownikowi będzie trudno trafić na stronę, a co ty powiesz?
Przekonwertować cały wektorowy tekst na normalny, aby można było edytować w projekcie;
Zamienić napis "Skontaktuj się z nami dzisiaj, aby uzyskać BEZPŁATną konsultację IT" na "Skontaktuj się z nami dzisiaj, aby uzyskać BEZPŁATną konsultację WordPress";
Zamienić napis "Nie znalazłeś tego, czego szukałeś? Skonsultuj się z CEO za darmo" na "Nie znalazłeś tego, czego szukałeś? Skonsultuj się z CTO za darmo";
Na niektórych odrysowanych stronach występuje duplikacja głównego nagłówka strony, należy przemyśleć i odrysować stronę tak, aby wyglądała ładnie i tekst nie powtarzał się jeden pod drugim;
Sekcję Contact us nie uda się zrobić tak, jak odrysował projektant, należy przenieść mini-blok Schedule an interview pod Contact us jako nowy pełnoprawny blok i zrobić go jasnym, abyśmy mogli podłączyć Google Widget. Widget będzie wyglądał jakoś tak https://prnt.sc/LBkMV3NkxZuL. Jeśli możesz jakoś dodać kod lub iframe w Figma, to oto:
- Strona główna;
Niektóre teksty wyglądają bardzo drobno, trudno je przeczytać i są niepoprawnie dostosowane do urządzeń mobilnych: https://prnt.sc/BLBrLbrcA7LR; Należy poprawić wariant na zdjęciu oraz na innych sekcjach, jeśli występuje ten problem;
- Archiwalna strona usług (services);
Napisać swoją opinię na temat tej strony (ogólne wrażenie, propozycje dotyczące poprawy);
Każda usługa będzie miała swoją ikonę, odpowiednio należy odrysować ikony dla takich usług (zaczniemy od 4 usług): Rozwój stron internetowych, Rozwój e-commerce, Rozwój stron docelowych, Wsparcie i Utrzymanie;
Zamienić stopkę i nagłówek na gotowy komponent jak na głównej, aby przy zmianie w jednym miejscu zmieniało się na wszystkich stronach;
Odrysować responsywność;
- Strona usługi;
Napisać swoją opinię na temat tej strony (ogólne wrażenie, propozycje dotyczące poprawy);
Zamienić kolor w sekcji "Kto potrzebuje tej usługi?" dla bloku porównania (gdzie Freelance / Nasze usługi) na zielony dla naszych usług i jasny czerwony dla Freelance, aby lepiej wyróżnić te punkty;
W bloku z etapami pracy należy dodać asocjacyjne ikony etapów; przybliżony wariant etapów wygląda tak: analiza i poszukiwanie indywidualnego rozwiązania, podpisanie umowy, projektowanie i rozwój, oddanie i wymiana opiniami;
Zamienić sekcję Recenzje z Trustindex na Clutch; https://prnt.sc/wXgCYU9N44zT
Blok "Powiązane usługi" w rzeczywistości powinien nazywać się "Inne usługi" i może mieć więcej niż 3 elementy (pokazać w projekcie, że ten blok może być sliderem); również, należy dodać przycisk "Wszystkie usługi", który będzie przekierowywał na stronę wszystkich usług;
Usunąć CTA "Skonsultuj się z CEO za darmo", ponieważ nie ma sensu, kontakty są już na dole strony;
Zamienić stopkę i nagłówek na gotowy komponent jak na głównej, aby przy zmianie w jednym miejscu zmieniało się na wszystkich stronach;
Odrysować responsywność;
- Archiwalna strona zrealizowanych projektów;
Napisać swoją opinię na temat tej strony (ogólne wrażenie, propozycje dotyczące poprawy);
Dla każdego przypadku należy dodać kategorię, aby było widać, jaka to kategoria zrealizowanego projektu, oprócz tych, które są w wyszukiwarce;
Odrysować rozwijane okno filtracji według kategorii;
Usunąć CTA "Skonsultuj się z CEO za darmo" z tej strony, ale przenieść awatar i inny kolor przycisku na główną w CTA, które jest po sekcji "O nas"; zrobić komponentem;
Zamienić stopkę i nagłówek na gotowy komponent jak na głównej, aby przy zmianie w jednym miejscu zmieniało się na wszystkich stronach;
Odrysować responsywność;
- Strona zrealizowanego projektu;
Napisać swoją opinię na temat tej strony (ogólne wrażenie, propozycje dotyczące poprawy);
Wyświetlić kategorię przypadku na stronie, aby było widać, jaka to kategoria (kategorie są bezpośrednio związane z nazwą usług);
Wyświetlić kategorię przypadku w bloku "Powiązane przypadki";
Blok Recenzja będzie miał dwa style: albo recenzja z Clutch, albo recenzja napisana ręcznie; obecnie dostępna jest tylko recenzja napisana ręcznie i to taka sobie na wygląd;
Dać opinię na temat bloku Recenzja z punktu widzenia projektanta. Osobiście nie wpisuje się w ogólny design strony przez zbyt zaokrąglone tło, chcę usłyszeć opinię specjalisty; https://prnt.sc/rJbU9P3l9vDI
Usunąć CTA "Skonsultuj się z CEO za darmo";
Odrysować responsywność;
Behance Jest responsywny design dla wszystkich urządzeń.