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

Case study

  • dhd ekrany
  • paleta dhd
  • dhd strona główna

Strona dewelopera DHD

Jest to responsywna strona dewelopera DHD prezentująca inwestycje, które są aktualnie w sprzedaży, jak i inwestycje już zakończone. Na stronie znajdują się również dodatkowe treści informacyjne o firmie oraz dane kontaktowe.

Moim zadaniem było odświeżenie dotychczasowego layoutu strony dewelopera z uwzględnienie grupy docelowej jaką były rodziny z dziećmi. Dominującym elementem wizualnym strony głównej miał być film reklamowy (z efektem pełnego ekranu). W związku z tym w wersji desktopowej do zaprojektowania były również dwie wersje nagłówka: na stronie startowej oraz na pozostałych podstronach. Innymi elementami strony, które opracowywałam na nowo, były m.in. oś czasu w opisie historii firmy oraz zakładka z pytaniami i odpowiedziami.

Zaprojektowałam nagłówek na stronie startowej bez tła, aby film mógł być widoczny i odtwarzany też pod nim. Natomiast sam film został później dopasowany do różnych szerokości ekranu poprzez skalowanie i kadrowanie, aby dzięki temu mógł dobrze się prezentować na różnych urządzeniach. Sam styl graficzny został nieco unowocześniony, aby projekt nabrał większej świeżości.

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

Wizualizer dla firmy Veyna

Wizualizer to proste w obsłudze narzędzie on-line (dostępne w przeglądarce) do przeglądania produkowanych przez firmę Veyna wypełnień drzwiowych oraz do konfigurowania ich na wybranej wizualizacji. Użytkownik może wybrać nie tylko kolor stolarki, ale i dopasować do niej niektóre elementy wizualizacji, np. dobrać kolor ościeżnicy, czy zmienić kolor elewacji.

W tym przypadku czekało mnie przygotowanie responsywnego narzędzia, z rozbudowanym menu zwierającymi opcje wyboru. Szczególnie istotnym wyzwaniem dla mnie, na wczesnym etapie projektu, było zbudowanie bibliotek wszystkich serii i modeli wypełnień oraz wszystkich dostępnych wariantów kolorystycznych i to w podwójnej formie. Pierwsza biblioteka, zawierać miała bazę, z której użytkownik później będzie mógł stworzył wizualizację wybranego wypełnienia o określonych cechach. Druga, zawierała zbiór nakładek używanych do prezentacji wyboru klienta bezpośrednio na wizualizacji. Obydwie biblioteki miały zostać przygotowane w sposób kompatybilny i dopasowany do każdej z wizualizacji.

Po ustaleniu z klientem i zespołem wszystkich dodatkowych funkcjonalności wizualizera, zaprojektowałam makietę lo-fi z układem i proporcjami poszczególnych elementów projektu. Po jej akceptacji, przeszłam do tworzenia bibliotek. Powstał też projekt high-fi, który był testowany na różnych etapach jego realizacji. W międzyczasie nastąpiły zmiany w identyfikacji wizualnej firmy Veyna, które zostały uwzględnione we właściwym projekcie graficznym.

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

  • zestaw ekranów
    • mobilne menu wizualizera
    • kroki wizualizera
    • widoki
    • widoki ofertry

    Strona firmowa dla Vobacom

    Strona firmowa dla Vobacom Sp z o.o. prezentująca jej rozbudowany zakres produktów oraz usług w różnych działach, a także zawierająca wiele innych cennych informacji o działalności spółki, takich jak istnienie Centrum Badawczo-Rozwojowego PILAR, współpraca z Uniwersytetami, czy aspekty edukacyjne. Vobacom prowadzi również bloga firmowego.

    W tym projekcie, moim zadaniem było stworzenie czytelnej, intuicyjnej i dobrze zoptymalizowanej architektury treści, przeprowadzenie konsultacji w działach, zaprojektowanie layoutu od makiety lo-fi po projekt właściwy oraz współpraca przy wdrażaniu i testach końcowych. W projekcie miałam także uwzględnić stworzenie funkcjonalnych, różnorodnych oraz atrakcyjnych wizualnie modułów, które będą później używane przy redagowaniu podstron. Ciekawym wyzwaniem było również ustalenie wspólnej kolorystyki, bazując na dwóch identyfikacjach wizualnych: Vobacom oraz CB+R PILAR.

    Po szeregu ciekawych konsultacji i burzy mózgów, udało się uzyskać aktualną na dany 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 wspomnianych powyżej dwóch palet, które na pierwszy rzut oka mogłoby się wydawać nie pasujące do siebie, ale finalnie udało się wypracować współgrające połączenia.

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

    Doświadczenie zawodowe

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

    Napisz do mnie…