agata rochecka

UX/UI & Web Designer

Jestem grafikiem komputerowym od 12 lat. Moja główna specjalizacja to web design. Posiadam bogate doświadczenie w dostarczaniu kompleksowych projektów UX/UI stron internetowych, serwisów, systemów oraz aplikacji. Pasjonuję się wyciąganiem „ładu z chaosu” w formie estetycznych oraz funkcjonalnych interfejsów.

więcej o mnie

Intuicyjne i nietuzinkowe

strony internetowe

W mojej pracy najważniejsze są dla mnie:

Jakość

Mam w sobie zdrowy perfekcjonizm – ma być ekstra!

Proaktywność

Jeśli pojawi się problem lub wyzwanie, wspólnie poszukamy rozwiązania.

funkcjonalność

Ładny wygląd idzie w parze z wygodą obsługi.

Odpowiedzialność

Jest zielone światło? To działamy…

Case study

Strona firmowa dla Veyna

Strona firmy Veyna – producenta ozdobnych wypełnień drzwiowych. Projekt prezentuje bogatą ofertę firmy, jej historię oraz tradycje. Na stronie znajdują się też przydatne linki, w tym do narzędzi on-line takich jak konfigurator czy wizualizer. Adres: www.veyna.pl

Do moich zadań należało: przeprowadzenie wywiadów, zaprojektowanie „burger menu”, opracowanie architektury treści (w tym rozbudowanej oferty), a także opracowanie graficzne funkcjonalnych oraz atrakcyjnych wizualnie modułów do tworzenia i redagowania stron. Projekt powstawał od makiety lo-fi po projekt właściwy. Współpracowałam także przy wdrażaniu layoutu i testach użyteczności.

Wdrożono jednorodny układ graficzny, zapewniający czytelność i łatwość poruszania się po stronie. Osią projektu stały się zdjęcia, uporządkowane w modułowe, rytmiczne bloki.

Projekt został zrealizowany dla firmy VOBACOM sp. z o.o. w ramach umowy o pracę. Uwaga: treści oraz grafiki umieszczone na projekcie są poglądowe, mogły ulec zmianie.

  • Widoki Veyna
  • Veyna mobile
  • Veyna polecane
  • detale Veyna
  • Vobacom start
  • Vobacom mobile
  • zoom na detale
  • widoki

Strona firmowa dla Vobacom

Strona firmowa dla Vobacom Sp z o.o. prezentuje rozbudowany zakres produktów oraz usług w różnych działach, a także zawiera wiele innych cennych informacji nt. działalności spółki. Adres strony: www.vobacom.pl

Do moich zadań należało: przeprowadzenie wywiadów, skonstruowanie rozbudowanego menu, opracowanie architektury treści, a także stworzenie funkcjonalnych, różnorodnych oraz atrakcyjnych wizualnie modułów, które będą używane przy tworzeniu i redagowaniu stron. Projekt powstawał od makiety lo-fi po projekt właściwy. Współpracowałam także przy wdrażaniu layoutu i testach użyteczności.

Po szeregu ciekawych konsultacji i burzy mózgów, udało się uzyskać aktualną na ówczesny moment architekturę treści. Na jej podstawie, stworzone wcześniej makiety zostały rozwinięte do wersji high-fi, a następnie do projektu właściwego. Testowane były w międzyczasie różne połączenia kolorystyczne, nawiązujące do identyfikacji wizualnej marki.

Projekt został zrealizowany dla firmy VOBACOM sp. z o.o. w ramach umowy o pracę. Uwaga: treści oraz grafiki umieszczone na projekcie są poglądowe, mogły ulec zmianie.

Wizualizer dla firmy Veyna

Wizualizer to proste narzędzie online do przeglądania i konfigurowania wypełnień drzwiowych firmy Veyna. Umożliwia dobór koloru stolarki oraz dopasowanie elementów wizualizacji, takich jak ościeżnica czy elewacja. Adres: wizualizer.veyna.pl

Przygotowałam responsywne narzędzie z rozbudowanym menu wyboru. Kluczowym etapem było stworzenie dwóch kompatybilnych bibliotek – bazy modeli i wariantów kolorystycznych oraz zestawu nakładek do prezentacji wyboru klienta na wizualizacji.

Po ustaleniu funkcjonalności wizualizera przygotowałam makietę lo-fi, a następnie projekt high-fi testowany na kolejnych etapach realizacji. W trakcie prac stworzyłam biblioteki elementów oraz dostosowałam projekt do nowej identyfikacji wizualnej firmy Veyna.

Projekt został zrealizowany dla firmy VOBACOM sp. z o.o. w ramach umowy o pracę. Uwaga: treści oraz grafiki umieszczone na projekcie są poglądowe, mogły ulec zmianie.

  • zestaw ekranów
  • Widoki projektu
  • wizualizer seria
  • smartfon
  • DHD RWD
  • DHD mobile
  • zoom
  • widoki dhd

Strona dewelopera DHD

Strona dla dewelopera DHD prezentująca aktualnie dostępne w sprzedaży inwestycje oraz zakończone realizacje. Serwis wzbogacony został o sekcję informacyjną o firmie i intuicyjny moduł kontaktowy. Adres strony: www.dhd.com.pl

Opracowałam odświeżony layout strony dewelopera dla preferowanej grupy docelowej, czyli rodzin z dziećmi. Kluczowym elementem strony głównej stał się pełnoekranowy klip reklamowy, co wymagało
zaprojektowania dwóch wersji nagłówka – dla strony startowej i podstron. Przygotowałam także nową oś w historii firmy oraz przejrzystą sekcję FAQ.

Strona główna otrzymała nagłówek bez tła, co pozwoliło wyeksponować pełnoekranowy film w tle. Materiał wideo został dopasowany do różnych szerokości ekranu poprzez skalowanie i kadrowanie, aby dobrze prezentował się na każdym urządzeniu. Całość dopełniłam unowocześnioną stylistyką graficzną, która nadała projektowi świeżości.

Projekt został zrealizowany dla firmy VOBACOM sp. z o.o. w ramach umowy o pracę. Uwaga: treści oraz grafiki umieszczone na projekcie są poglądowe, mogły ulec zmianie.

Doświadczenie zawodowe

15 lat
doświadczenia jako grafik komputerowy
9 lat
doświadczenia
jako UX & web designer
> 3000
wykonanych projektów graficznych

Napisz do mnie…