WIKTORIA
SOBCZYK.

Programista & UX/UI Designer

Wybrane prace

01 Symad

Strona internetowa zbudowana za pomocą Wordpress'a dla sklepu z roletami.

02 Protelkom

Strona internetowa zbudowana za pomocą React'a dla serwisu GSM.

O mnie

Aktualnie studiuję informatykę, a w wolnym czasie rozwijam swoje umiejętności w zakresie tworzenia stron internetowych, aplikacji desktopowych i mobilnych.

Lubię tworzyć rzeczy, które są zarówno funkcjonalne, jak i estetyczne. Staram się, aby każdy projekt był spójny wizualnie, dopracowany w najmniejszych detalach oraz intuicyjny w użytkowaniu dla każdego. Wierzę, że dobre oprogramowanie to przede wszystkim pozytywne doświadczenie użytkownika – dlatego zwracam dużą uwagę, aby interfejs był przyjemny w użytkowaniu i nikt nie miał problemu z jego obsługą.

Umiejętności

Next.jsŚredni

ReactŚredni

WordpressPodstawowy

BlenderPodstawowy

HTMLPodstawowy

CSSŚredni

C++Podstawowy

JavaPodstawowy

Certyfikaty

CCNA: Switching, Routing, and Wireless Essentials

CCNA: Enterprise Networking, Security, and Automation

W trakcie

Od designu
po wdrożenie

Design

Stworzę wizualizację interfejsów, dbając o to, aby każdy projekt był przyjazny dla użytkownika, responsywny i dopasowany do aktualnych trendów w UI/UX. W mojej pracy korzystam przede wszystkim z narzędzia Figma.

Kod

Implementuję strony internetowe i aplikacje przy użyciu technologii takich jak Next.js, React, a w przyszłości także C# do gier i aplikacji desktopowych. Moim celem jest pisanie czystego, wydajnego i łatwego w utrzymaniu kodu, który idealnie odwzorowuje projekty graficzne.

Wdrożenie

Zajmuję się publikacją i optymalizacją projektów, aby działały płynnie na różnych urządzeniach i w różnych przeglądarkach. Zadbam o hosting, SEO i responsywność, aby użytkownicy mieli jak najlepsze doświadczenie korzystając z moich projektów.

DesignKod

index.html

style.css

<div class="layout">
  <div class="left">
    <div class="sticky-box">

      <div class="header"></div>

      <div class="line"></div>
      <div class="line"></div>
      <div class="line"></div>
      <div class="line"></div>

      <div class="header"></div>
      <div class="line"></div>

      <div class="icons">
        <div class="icon"></div>
        <div class="icon"></div>
        <div class="icon"></div>
        <div class="icon"></div>
      </div>

    </div>
  </div>

  <div class="right">

    <div class="card">
      <div class="thumb"></div>
      <div class="title"></div>
    </div>

    <div class="card">
      <div class="thumb"></div>
      <div class="title"></div>
    </div>

    <div class="card">
      <div class="thumb"></div>
      <div class="title"></div>
    </div>

    <div class="card">
      <div class="thumb"></div>
      <div class="title"></div>
    </div>

    <div class="card">
      <div class="thumb"></div>
      <div class="title"></div>
    </div>

    <div class="card">
      <div class="thumb"></div>
      <div class="title"></div>
    </div>

  </div>
</div>

body {
  background: #e6e6e6;
}

.layout {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 2rem;
  padding: 1rem;
}

.sticky-box {
  position: sticky;
  top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.header {
  height: 2rem;
  width: 80%;
  background: #e07a86;
}

.line {
  height: 1rem;
  background: #e2b878;
}

.icons {
  display: flex;
  gap: 12px;
}

.icon {
  width: 50px;
  height: 50px;
  background: #e2b878;
}

.right {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 2rem;
}

.thumb {
  width: 100%;
  height: 200px;
  background: #ddd;
}

.title {
  height: 20px;
  background: #e07a86;
  margin-top: 8px;
}

.card {
  display: flex;
  flex-direction: column;
}

WIKTORIASOBCZYK.