TZ: redesign strony opt.mir-lent.com (UI/UX + projektowanie makiet)
Projekt: redesign sklepu internetowego
Strona teraz: https://opt.mir-lent.com/
Cel: zaktualizować styl wizualny i poprawić użyteczność, nie “łamiąc” przyzwyczajeń stałych klientów.
1) Kluczowe zadanie
Strona wygląda na przestarzałą. Należy stworzyć nowocześniejszy design, ale zachować rozpoznawalność: struktura, logika i główne bloki muszą pozostać bliskie obecnej stronie, aby klienci nie czuli, że “to zupełnie inny sklep”.
2) Format pracy
Nie mamy ściśle określonego stylu, dlatego oczekujemy procesu w 3 krokach:
Brief / doprecyzowanie wymagań (pomagasz sformułować)
Analiza UI/UX obecnej strony + rekomendacje (co poprawić/uprościć, co usunąć jako zbędne)
Projektowanie makiet na podstawie uzgodnionego kierunku
Preferowane: 1–2 koncepcje (na przykładzie strony głównej/kategorii), potem wybieramy jedną i skalujemy na wszystkie strony.
3) Wymagania wobec projektanta
W portfolio musi być przynajmniej jeden przypadek sklepu internetowego (e-commerce), najlepiej bliski logice naszego.
Umiejętność pracy z systemem UI: komponenty, stany, responsywność.
4) Zakres makiet (minimalny zestaw)
Potrzebne makiety (Desktop + Mobile; jeśli to możliwe — jeszcze Tablet):
Strona główna
Strona kategorii / lista produktów
Karta produktu
Strona informacyjna (dostawa / płatność / o firmie)
Strona opinii
Strona składania zamówienia (checkout)
Strona logowania i rejestracji
Panel użytkownika
Strona wyników wyszukiwania
Strony/bloki, które są na obecnej stronie i są aktywnie używane
Ważne: lista może być niepełna. W ramach projektu potrzebny jest design wszystkich kluczowych stron strony, które są używane w rzeczywistych scenariuszach użytkowników.
5) Oczekiwania wobec UI/UX (co dokładnie poprawiamy)
czytelność (typografia, kontrast, hierarchia)
wizualna “staranność” kart produktów i list
zrozumiałe CTA (kupić/zamówić/zapytanie o hurt)
nawigacja po kategoriach, filtry i sortowanie
zaufanie: elementy, które wzmacniają pewność klienta (ale bez “przesady”)
Projektant może również zaproponować:
6) Co ma być na wyjściu
Makiety w Figma
System komponentów (przyciski, pola, formularze, karty, badge, nagłówek/stopka, modalne itp.)
Stany elementów: hover/active/disabled (minimum dla kluczowych)
Responsywność (Desktop + Mobile)
Jeśli to możliwe: krótki style guide (czcionki, kolory, marginesy)
7) Co potrzebujemy od Ciebie w odpowiedzi
Link do portfolio z przypadkami e-commerce
Orientacyjny koszt i terminy
Jak organizujesz proces (audyt → koncepcja → makiety → poprawki)
Co wchodzi/nie wchodzi w koszt (responsywność, komponenty, liczba poprawek)