agata rochecka

UX/UI & Web Designer

Cześć! Jestem mieszkanką Torunia, gdzie na co dzień zajmuję się projektowaniem. Posiadam doświadczenie w dostarczaniu kompleksowych projektów UX/UI dla aplikacji, systemów, serwisów oraz stron internetowych. Pasjonuję się wyciąganiem „ładu z chaosu” w formie estetycznych oraz funkcjonalnych interfejsów.

mam pytanie
J.R.R. Tolkien, Władca Pierścieni

Gdzie nie brak chęci, tam sposób zawsze się znajdzie.

J.R.R. Tolkien, Władca Pierścieni

Idę swoją własną drogą, możliwe jednak, że wasza droga przez jakiś czas będzie równoległa do mojej.

Portfolio

  • 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.

Odświeżenie dotychczasowego layoutu strony dewelopera z uwzględnienie grupy docelowej, jaką są rodziny z dziećmi. Zaprojektowanie strony głównej, której dominującym elementem wizualnym miał być film reklamowy oraz ustalenie wyglądu nagłówka na pozostałych podstronach. Do tego m.in. zaprojektowanie osi czasu w opisie historii firmy oraz zakładki z pytaniami i odpowiedziami.

Dla uzyskania efektu filmu na tzw. pełnym ekranie, na stronie głównej nagłówek został zaprojektowany nieco inaczej niż na podstronach. Natomiast sam film został dopasowany do szerokości ekranu poprzez skalowanie i kadrowanie, dzięki czemu prezentuje się dobrze na różnych urządzeniach. 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.

Przygotowanie responsywnego layoutu narzędzia z rozbudowanym menu i podzbiorami. Zbudowanie graficznej bazy wszystkich serii i modeli wypełnień oraz wszystkich dostępnych wariantów kolorystycznych w formie nakładek. Przygotowanie kompatybilnych wizualizacji i ich wersji kolorystycznych. Nadto zaprojektowanie narzędzia również w wersji mobilnej.

Po stworzeniu wstępnej makiety lo-fi, zostały ustalone wszystkie funkcjonalności wizualizera oraz jego proporcje. Istotnym krokiem było zbudowanie bazy graficznej serii i modeli wypełnień (z uwzględnieniem wersji kolorystycznych) oraz kompatybilnych z nimi wizualizacji. Następnie został wykonany właściwy projekt narzędzia zarówno w wersji desktopowej, jak i mobilnej. Projekt był testowany na różnych etapach jego realizacji.

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.

Stworzenie czytelnej, intuicyjnej i dobrze zoptymalizowanej architektury treści, bazującej na ówcześnie istniejących działach firmy oraz po zebraniu wszystkich informacji, które miałyby znaleźć się na stronie w momencie startowym. Zaprojektowanie funkcjonalnych, różnorodnych oraz atrakcyjnych wizualnie modułów, które mogłyby być używane przy tworzeniu przyszłych podstron. Połączenie dwóch palet kolorystycznych pochodzących z identyfikacji wizualnych Vobacom oraz CB+R PILAR.

Po szeregu 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 (GUI). 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ć, że nie będą do siebie pasowały, 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.

Skontaktujmy się